diff --git a/README.md b/README.md index 8968938..8a7b57f 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,13 @@ # Storee -An AngularJS layer above magento. With full-screen images and product pages +Storee is a project that builds a responsive AngularJs layer and runs it above a Magento back-end. It communicates with Magento using RESTful APIs and provides a full-screen catalog, as well as individual product pages. It integrates with Magento for the shopping cart. Back-end is all Magento. + +## Features + +- Specialized directives for full-screen design +- Product page directives +- Grunt builds for dev and production environment +- Jasmine unit tests +- Server-side rendering using PhantomJS +- Infrastructure for client-side product caching +- Magento RESTful APIs + diff --git a/app/.htaccess b/app/.htaccess new file mode 100644 index 0000000..71e7d58 --- /dev/null +++ b/app/.htaccess @@ -0,0 +1,19 @@ + +ModPagespeed off + + + +RewriteEngine On +RewriteCond %{HTTP_HOST} !^www\. +RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L] + + + + + + ExpiresActive On + ExpiresDefault A1 + Header append Cache-Control must-revalidate + + + \ No newline at end of file diff --git a/app/css/.gitkeep b/app/css/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/app/css/.product-thumb-list.css.swp b/app/css/.product-thumb-list.css.swp new file mode 100644 index 0000000..c2b165c Binary files /dev/null and b/app/css/.product-thumb-list.css.swp differ diff --git a/app/css/ajax-loader.css b/app/css/ajax-loader.css new file mode 100644 index 0000000..05c61ce --- /dev/null +++ b/app/css/ajax-loader.css @@ -0,0 +1,26 @@ +.st-ajax-loader { + top: 0; + left: 0; + position: fixed; + width: 100%; + height: 100%; + z-index: 999; +} + +.st-ajax-loader .overlay { + background: #000; + position: absolute; + width: 100%; + height: 100%; + opacity: 0.6; + display: none; + z-index: 1; +} + +.st-ajax-loader .loader { + background: url('../img/ajax-loader.gif') no-repeat center center; + position: absolute; + width: 100%; + height: 100%; + z-index: 2; +} \ No newline at end of file diff --git a/app/css/animate.css b/app/css/animate.css new file mode 100644 index 0000000..f6a6f26 --- /dev/null +++ b/app/css/animate.css @@ -0,0 +1,99 @@ +/* ANIMATIONS +============================================================================= */ + +/* leaving animations ----------------------------------------- */ +@keyframes slideOutLeft { + to { transform: translateX(-100%); } +} + +@keyframes slideOutRight { + to { transform: translateX(100%); } +} + +/* entering animations --------------------------------------- */ +@keyframes slideInRight { + from { transform:translateX(100%); } + to { transform: translateX(0); } +} + +@keyframes slideInLeft { + from { transform:translateX(-100%); } + to { transform: translateX(0); } +} + +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +@keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} + +/******************/ +/*Webkit keyframes*/ +/******************/ + +/* leaving animations ----------------------------------------- */ +@-webkit-keyframes slideOutLeft { + to { -webkit-transform: translateX(-100%); } +} + +@-webkit-keyframes slideOutRight { + to { -webkit-transform: translateX(100%); } +} + +/* entering animations --------------------------------------- */ +@-webkit-keyframes slideInRight { + from { -webkit-transform:translateX(100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideInLeft { + from { -webkit-transform:translateX(-100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +@-webkit-keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} +/******************************/ +/*Mozilla keyframes definition*/ +/******************************/ + +/* leaving animations ----------------------------------------- */ +@-moz-keyframes slideOutLeft { + to { -moz-transform: translateX(-100%); } +} + +@-moz-keyframes slideOutRight { + to { -moz-transform: translateX(100%); } +} + +/* entering animations --------------------------------------- */ +@-moz-keyframes slideInRight { + from { -moz-transform:translateX(100%); } + to { -moz-transform: translateX(0); } +} + +@-moz-keyframes slideInLeft { + from { -moz-transform:translateX(-100%); } + to { -moz-transform: translateX(0); } +} + +@-moz-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +@-moz-keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} \ No newline at end of file diff --git a/app/css/app.css b/app/css/app.css new file mode 100644 index 0000000..026b37c --- /dev/null +++ b/app/css/app.css @@ -0,0 +1,240 @@ +@charset "utf-8"; +@import url("animate.css"); +@import url("st-accordion.css"); +@import url("product-details.css"); +@import url("product-full-list.css"); +@import url("product-full.css"); +@import url("ajax-loader.css"); +@import url("category-thumb-list.css"); +@import url("product-thumb-list.css"); +@import url("category-list.css"); +@import url("static-block.css"); +@import url("product-title.css"); + +/* app css stylesheet */ + +body { background: #fff; overflow-x: hidden} + +body.catalog-page .headerright .header-info, body.catalog-page .headerright hr { opacity: 0} +body.catalog-page .headerright .header-info, body.catalog-page .headerright hr { + -webkit-transition:all 1s ease-in-out; + -moz-transition:all 1s ease-in-out; + -o-transition:all 1s ease-in-out; + transition:all 1s ease-in-out; +} +body.pdp-page .headerright .header-info, body.pdp-page .headerright hr { + -webkit-transition:all 1s ease-in-out; + -moz-transition:all 1s ease-in-out; + -o-transition:all 1s ease-in-out; + transition:all 2s 1s ease-in-out; +} +body.pdp-page .headerright .header-info, body.pdp-page .headerright hr { + opacity: 1; +} + +/*only for chrome, force a scroll in the PDP to prevent jitter */ +@media screen and (-webkit-min-device-pixel-ratio:0) { + body.pdp-page { + overflow-y: scroll; + } +} + +.st-container { + min-height: 100%; + min-width: 100%; + max-width: 100%; + /*z-index: 99;*/ + position: absolute; + padding-bottom: 10%; +} + +.row { width: auto !important;} + +.st-content-row { + margin-top: 20px; + min-height: 500px; +} + +.st-header { position: relative; z-index: 70} + +.navbar { background: none !important; border: none; box-shadow: none;} + +.sidenav { + margin-top: 20px; + display: block; +} + +.info-details { + color: #fff; + text-transform: uppercase; + text-decoration: none; + font-family: Arial; + font-weight: bold; + letter-spacing: 3px; + font-size: 12px; +} + +a.info-details:hover { + color: #fff; +} + +.ajax-loader{ + background: url('../img/ajax-loader.gif') no-repeat center center transparent; + position: fixed; + z-index: -999; + height: 100%; + width: 100%; +} + +.products{ + position: absolute; + width: 100%; + height: 100%; +} + +.products li { float: left; position: relative; min-height: 100%; min-width: 100%} +.products li img { margin: auto} + + +.product_full_list ul.products{ + list-style: none; + margin: 0; + padding: 0; +} + +.nav-background { + background: #262626; + height: 100%; + opacity: 0.7; + position: absolute; + top: 10px; + width: 100%; + z-index: -999; +} + +.sidenav li a{ + padding: 3px 20px; + color: #AAAAAA; + text-transform: uppercase; +} + +.sidenav li a:hover{ + color: #262626; + font-weight: bold +} + +.page-overlay +{ + height:100%; + width:100%; + position:fixed; + left:0; + top:0; + z-index: 70 !important; + background-color:black; + filter: alpha(opacity=75); /* internet explorer */ + -khtml-opacity: 0.75; /* khtml, old safari */ + -moz-opacity: 0.75; /* mozilla, netscape */ + opacity: 0.75; /* fx, safari, opera */ +} + +#st-instagram-icon {position: absolute; right: 10px; bottom: 15px; z-index: 70} +.st-layout { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} + +@media only screen and (min-width : 0px) and (max-width : 479px) { + .st-container { padding-bottom: 30%;} +} + +@media only screen and (min-width: 0px) and (max-width: 679px) { + + .navbar-brand{width: 40%} + .navbar-collapse { overflow: hidden} + + /*animations*/ + .navbar-collapse.ng-hide{ display: block !important} + + .navbar-collapse.ng-hide-add, .navbar-collapse.ng-hide-remove{ + -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s; + transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s; + display: block !important; + } + + .navbar-collapse.ng-hide { height: 0; line-height: 0; opacity: 0; } + .navbar-collapse.ng-hide-add { height: 100%; line-height: .75; } + .navbar-collapse.ng-hide-add-active { height: 0; line-height: 0; opacity: 0;} + + .navbar-collapse.ng-hide-remove { height: 0; line-height: 0; } + .navbar-collapse.ng-hide-remove-active { height: 100%; line-height: .75;} + +} + +/*.st-category-menu { + z-index: 70; + position: absolute; + +}*/ + +footer { position: absolute; min-width: 100%; bottom: 0} +.footer ul.links {width: 100% !important} + +.ui-view-container { + position: relative; +} + +.st-ui-pdp-page.ng-leave, footer.ng-hide-add{ + display: block !important; + -webkit-animation: slideOutRight .75s both ease-in-out; + -moz-animation: slideOutRight .75s both ease-in-out; + animation: slideOutRight .75s both ease-in-out; +} +.st-ui-pdp-page.ng-enter, footer.ng-hide-remove{ + -webkit-animation: slideInRight .75s both ease-in-out; + -moz-animation: slideInRight .75s both ease-in-out; + animation: slideInRight .75s both ease-in-out; +} + +.st-ui-catalog-page.ng-leave, .st-ui-categoryThumbList.ng-leave{ + top:0; + left: 0; + position: fixed; + min-height: 100%; + min-width: 100%; + -webkit-animation: slideOutLeft .75s both ease-in-out; + -moz-animation: slideOutLeft .75s both ease-in-out; + animation: slideOutLeft .75s both ease-in-out; +} + +.st-ui-catalog-page.ng-enter, .st-ui-categoryThumbList.ng-enter{ + top:0; + left: 0; + position: fixed; + min-height: 100%; + min-width: 100%; + -webkit-animation: slideInLeft .75s both ease-in-out; + -moz-animation: slideInLeft .75s both ease-in-out; + animation: slideInLeft .75s both ease-in-out; +} + +.st-ui-catalog-page.ng-leave product-full-list{ + top:0; + left: 0; + position: fixed; + min-height: 100%; + min-width: 100%; +} + +.ng-enter .st-nav_left_ctrl_container, +.ng-enter .st-nav_right_ctrl_container, +.ng-leave .st-nav_left_ctrl_container, +.ng-leave .st-nav_right_ctrl_container { + display: none; +} + +.st-ui-catalog-page.ng-enter product-full-list{ + top:0; + left: 0; + position: fixed; + min-height: 100%; + min-width: 100%; +} + diff --git a/app/css/bootstrap-theme.css b/app/css/bootstrap-theme.css new file mode 100644 index 0000000..4043363 --- /dev/null +++ b/app/css/bootstrap-theme.css @@ -0,0 +1,393 @@ +.btn-default, +.btn-primary, +.btn-success, +.btn-info, +.btn-warning, +.btn-danger { + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.btn-default:active, +.btn-primary:active, +.btn-success:active, +.btn-info:active, +.btn-warning:active, +.btn-danger:active, +.btn-default.active, +.btn-primary.active, +.btn-success.active, +.btn-info.active, +.btn-warning.active, +.btn-danger.active { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn{ + border-radius: 0; +} + +.btn:active, +.btn.active { + background-image: none; +} + +.btn-default { + text-transform: uppercase; + color: #ffffff; + background-color: #222222; + border-color: #222222; +} + +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + color: #ffffff; + background-color: #0e0e0e; + border-color: #040404; +} + +.btn-default .caret{ border-top-color: #fff} + +.btn-primary { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); + background-repeat: repeat-x; + border-color: #2d6ca2; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0); +} + +.btn-primary:active, +.btn-primary.active { + background-color: #3071a9; + border-color: #2d6ca2; +} + +.btn-success { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44)); + background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%); + background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%); + background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); + background-repeat: repeat-x; + border-color: #419641; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); +} + +.btn-success:active, +.btn-success.active { + background-color: #449d44; + border-color: #419641; +} + +.btn-warning { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f)); + background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%); + background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); + background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); + background-repeat: repeat-x; + border-color: #eb9316; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); +} + +.btn-warning:active, +.btn-warning.active { + background-color: #ec971f; + border-color: #eb9316; +} + +.btn-danger { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c)); + background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%); + background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%); + background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); + background-repeat: repeat-x; + border-color: #c12e2a; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); +} + +.btn-danger:active, +.btn-danger.active { + background-color: #c9302c; + border-color: #c12e2a; +} + +.btn-info { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5)); + background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%); + background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); + background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); + background-repeat: repeat-x; + border-color: #2aabd2; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); +} + +.btn-info:active, +.btn-info.active { + background-color: #31b0d5; + border-color: #2aabd2; +} + +.thumbnail, +.img-thumbnail { + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); +} + +.dropdown-menu { + border-radius: 0; +} + +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + background-color: #357ebd; + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} + +.navbar { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8)); + background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); + background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%); + background-repeat: repeat-x; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); +} + +.navbar .navbar-nav > .active > a { + background-color: #f8f8f8; +} + +.navbar-brand, +.navbar-nav > li > a { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); +} + +.navbar-inverse { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222)); + background-image: -webkit-linear-gradient(top, #3c3c3c, 0%, #222222, 100%); + background-image: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%); + background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); +} + +.navbar-inverse .navbar-nav > .active > a { + background-color: #222222; +} + +.navbar-inverse .navbar-brand, +.navbar-inverse .navbar-nav > li > a { + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.navbar-static-top, +.navbar-fixed-top, +.navbar-fixed-bottom { + border-radius: 0; +} + +.alert { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.alert-success { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#c8e5bc)); + background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #c8e5bc, 100%); + background-image: -moz-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); + background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); + background-repeat: repeat-x; + border-color: #b2dba1; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); +} + +.alert-info { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#b9def0)); + background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #b9def0, 100%); + background-image: -moz-linear-gradient(top, #d9edf7 0%, #b9def0 100%); + background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); + background-repeat: repeat-x; + border-color: #9acfea; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); +} + +.alert-warning { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#f8efc0)); + background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #f8efc0, 100%); + background-image: -moz-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); + background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); + background-repeat: repeat-x; + border-color: #f5e79e; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); +} + +.alert-danger { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#e7c3c3)); + background-image: -webkit-linear-gradient(top, #f2dede, 0%, #e7c3c3, 100%); + background-image: -moz-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); + background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); + background-repeat: repeat-x; + border-color: #dca7a7; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); +} + +.progress { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5)); + background-image: -webkit-linear-gradient(top, #ebebeb, 0%, #f5f5f5, 100%); + background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); + background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); +} + +.progress-bar { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0); +} + +.progress-bar-success { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44)); + background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%); + background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%); + background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); +} + +.progress-bar-info { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5)); + background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%); + background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); + background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); +} + +.progress-bar-warning { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f)); + background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%); + background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); + background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); +} + +.progress-bar-danger { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c)); + background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%); + background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%); + background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); +} + +.list-group { + border-radius: 4px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); +} + +.list-group-item.active, +.list-group-item.active:hover, +.list-group-item.active:focus { + text-shadow: 0 -1px 0 #3071a9; + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3278b3)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #3278b3, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #3278b3 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%); + background-repeat: repeat-x; + border-color: #3278b3; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0); +} + +.panel { + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.panel-default > .panel-heading { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8)); + background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #e8e8e8, 100%); + background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); + background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); +} + +.panel-primary > .panel-heading { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} + +.panel-success > .panel-heading { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6)); + background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #d0e9c6, 100%); + background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); + background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); +} + +.panel-info > .panel-heading { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3)); + background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #c4e3f3, 100%); + background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); + background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); +} + +.panel-warning > .panel-heading { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc)); + background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #faf2cc, 100%); + background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); + background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); +} + +.panel-danger > .panel-heading { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc)); + background-image: -webkit-linear-gradient(top, #f2dede, 0%, #ebcccc, 100%); + background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%); + background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); +} + +.well { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8e8e8), to(#f5f5f5)); + background-image: -webkit-linear-gradient(top, #e8e8e8, 0%, #f5f5f5, 100%); + background-image: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); + background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); + background-repeat: repeat-x; + border-color: #dcdcdc; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); +} \ No newline at end of file diff --git a/app/css/bootstrap.min.css b/app/css/bootstrap.min.css new file mode 100644 index 0000000..a553c4f --- /dev/null +++ b/app/css/bootstrap.min.css @@ -0,0 +1,9 @@ +/*! + * Bootstrap v3.0.0 + * + * Copyright 2013 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world by @mdo and @fat. + *//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select[multiple],textarea{background-image:none}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16.099999999999998px;font-weight:200;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small{font-size:85%}cite{font-style:normal}.text-muted{color:#999}.text-primary{color:#428bca}.text-warning{color:#c09853}.text-danger{color:#b94a48}.text-success{color:#468847}.text-info{color:#3a87ad}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}h1 small,.h1 small{font-size:24px}h2 small,.h2 small{font-size:18px}h3 small,.h3 small,h4 small,.h4 small{font-size:14px}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:bold}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}blockquote p:last-child{margin-bottom:0}blockquote small{display:block;line-height:1.428571429;color:#999}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;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:1.428571429}code,pre{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;white-space:nowrap;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre.prettyprint{margin-bottom:20px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}.col-xs-1{width:8.333333333333332%}.col-xs-2{width:16.666666666666664%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333333333%}.col-xs-5{width:41.66666666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333333333336%}.col-xs-8{width:66.66666666666666%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333333334%}.col-xs-11{width:91.66666666666666%}.col-xs-12{width:100%}@media(min-width:768px){.container{max-width:750px}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}.col-sm-1{width:8.333333333333332%}.col-sm-2{width:16.666666666666664%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333333333%}.col-sm-5{width:41.66666666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333333333336%}.col-sm-8{width:66.66666666666666%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333333334%}.col-sm-11{width:91.66666666666666%}.col-sm-12{width:100%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-11{left:91.66666666666666%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-11{margin-left:91.66666666666666%}}@media(min-width:992px){.container{max-width:970px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}.col-md-1{width:8.333333333333332%}.col-md-2{width:16.666666666666664%}.col-md-3{width:25%}.col-md-4{width:33.33333333333333%}.col-md-5{width:41.66666666666667%}.col-md-6{width:50%}.col-md-7{width:58.333333333333336%}.col-md-8{width:66.66666666666666%}.col-md-9{width:75%}.col-md-10{width:83.33333333333334%}.col-md-11{width:91.66666666666666%}.col-md-12{width:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.333333333333332%}.col-md-push-2{left:16.666666666666664%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333333333333%}.col-md-push-5{left:41.66666666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.333333333333336%}.col-md-push-8{left:66.66666666666666%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333333333334%}.col-md-push-11{left:91.66666666666666%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-11{right:91.66666666666666%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666666%}}@media(min-width:1200px){.container{max-width:1170px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}.col-lg-1{width:8.333333333333332%}.col-lg-2{width:16.666666666666664%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333333333%}.col-lg-5{width:41.66666666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333333333336%}.col-lg-8{width:66.66666666666666%}.col-lg-9{width:75%}.col-lg-10{width:83.33333333333334%}.col-lg-11{width:91.66666666666666%}.col-lg-12{width:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-11{left:91.66666666666666%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666666%}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed thead>tr>th,.table-condensed tbody>tr>th,.table-condensed tfoot>tr>th,.table-condensed thead>tr>td,.table-condensed tbody>tr>td,.table-condensed tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.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 col[class*="col-"]{display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8;border-color:#d6e9c6}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td{background-color:#d0e9c6;border-color:#c9e2b3}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede;border-color:#eed3d7}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td{background-color:#ebcccc;border-color:#e6c1c7}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3;border-color:#fbeed5}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td{background-color:#faf2cc;border-color:#f8e5be}@media(max-width:768px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0;background-color:#fff}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>thead>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>thead>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}select[multiple],select[size]{height:auto}select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}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}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-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-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;padding-left:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}.radio label,.checkbox label{display:inline;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm{height:auto}.input-lg{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:45px;line-height:45px}textarea.input-lg{height:auto}.has-warning .help-block,.has-warning .control-label{color:#c09853}.has-warning .form-control{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#a47e3c;-webkit-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}.has-warning .input-group-addon{color:#c09853;background-color:#fcf8e3;border-color:#c09853}.has-error .help-block,.has-error .control-label{color:#b94a48}.has-error .form-control{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#953b39;-webkit-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}.has-error .input-group-addon{color:#b94a48;background-color:#f2dede;border-color:#b94a48}.has-success .help-block,.has-success .control-label{color:#468847}.has-success .form-control{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#356635;-webkit-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}.has-success .input-group-addon{color:#468847;background-color:#dff0d8;border-color:#468847}.form-control-static{padding-top:7px;margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block}.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}@media(min-width:768px){.form-horizontal .control-label{text-align:right}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-print:before{content:"\e045"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-briefcase:before{content:"\1f4bc"}.glyphicon-calendar:before{content:"\1f4c5"}.glyphicon-pushpin:before{content:"\1f4cc"}.glyphicon-paperclip:before{content:"\1f4ce"}.glyphicon-camera:before{content:"\1f4f7"}.glyphicon-lock:before{content:"\1f512"}.glyphicon-bell:before{content:"\1f514"}.glyphicon-bookmark:before{content:"\1f516"}.glyphicon-fire:before{content:"\1f525"}.glyphicon-wrench:before{content:"\1f527"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent;content:""}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.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;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#fff;text-decoration:none;background-color:#428bca}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.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 dotted;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}.btn-default .caret{border-top-color:#333}.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret{border-top-color:#fff}.dropup .btn-default .caret{border-bottom-color:#333}.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret{border-bottom-color:#fff}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar .btn-group{float:left}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:5px 10px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}.btn-group-justified .btn{display:table-cell;float:none;width:1%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group.col{float:none;padding-right:0;padding-left:0}.input-group .form-control{width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}}.nav-tabs.nav-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs.nav-justified>.active>a{border-bottom-color:#fff}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:5px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs-justified>.active>a{border-bottom-color:#fff}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.nav .caret{border-top-color:#428bca;border-bottom-color:#428bca}.nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;z-index:1000;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}@media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-collapse .navbar-text:last-child{margin-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:0 0 1px}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;z-index:1030}.navbar-fixed-bottom{bottom:0;margin-bottom:0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}@media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-text{float:left;margin-top:15px;margin-bottom:15px}@media(min-width:768px){.navbar-text{margin-right:15px;margin-left:15px}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e6e6e6}.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.btn .badge{position:relative;top:-1px}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1{font-size:63px}}.thumbnail{display:inline-block;display:block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img{display:block;height:auto;max-width:100%}a.thumbnail:hover,a.thumbnail:focus{border-color:#428bca}.thumbnail>img{margin-right:auto;margin-left:auto}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#356635}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#2d6987}.alert-warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.alert-warning hr{border-top-color:#f8e5be}.alert-warning .alert-link{color:#a47e3c}.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger hr{border-top-color:#e6c1c7}.alert-danger .alert-link{color:#953b39}@-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}}@-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:#f5f5f5;border-radius:4px;-webkit-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:#fff;text-align:center;background-color:#428bca;-webkit-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-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{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: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-size:40px 40px}.progress.active .progress-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-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{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: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-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{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: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-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{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: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-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{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: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)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table{margin-bottom:0}.panel>.panel-body+.table{border-top:1px solid #ddd}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#fbeed5}.panel-warning>.panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#fbeed5}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#fbeed5}.panel-danger{border-color:#eed3d7}.panel-danger>.panel-heading{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#eed3d7}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#eed3d7}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:15px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{right:auto;left:50%;width:600px;padding-top:30px;padding-bottom:30px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.affix{position:fixed}@-ms-viewport{width:device-width}@media screen and (max-width:400px){@-ms-viewport{width:320px}}.hidden{display:none!important;visibility:hidden!important}.visible-xs{display:none!important}tr.visible-xs{display:none!important}th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm{display:none!important}tr.visible-sm{display:none!important}th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}tr.visible-sm.visible-md{display:table-row!important}th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md{display:none!important}tr.visible-md{display:none!important}th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg{display:none!important}tr.visible-lg{display:none!important}th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs{display:none!important}tr.hidden-xs{display:none!important}th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm{display:none!important}tr.hidden-xs.hidden-sm{display:none!important}th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md{display:none!important}tr.hidden-xs.hidden-md{display:none!important}th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg{display:none!important}tr.hidden-xs.hidden-lg{display:none!important}th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs{display:none!important}tr.hidden-sm.hidden-xs{display:none!important}th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}tr.hidden-sm{display:none!important}th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md{display:none!important}tr.hidden-sm.hidden-md{display:none!important}th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg{display:none!important}tr.hidden-sm.hidden-lg{display:none!important}th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs{display:none!important}tr.hidden-md.hidden-xs{display:none!important}th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm{display:none!important}tr.hidden-md.hidden-sm{display:none!important}th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}tr.hidden-md{display:none!important}th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg{display:none!important}tr.hidden-md.hidden-lg{display:none!important}th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs{display:none!important}tr.hidden-lg.hidden-xs{display:none!important}th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm{display:none!important}tr.hidden-lg.hidden-sm{display:none!important}th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md{display:none!important}tr.hidden-lg.hidden-md{display:none!important}th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}tr.hidden-lg{display:none!important}th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print{display:none!important}tr.visible-print{display:none!important}th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print{display:none!important}tr.hidden-print{display:none!important}th.hidden-print,td.hidden-print{display:none!important}} \ No newline at end of file diff --git a/app/css/category-list.css b/app/css/category-list.css new file mode 100644 index 0000000..60480d2 --- /dev/null +++ b/app/css/category-list.css @@ -0,0 +1,39 @@ +.st-categorylist { + z-index: 70; + position: absolute!important; /* to override the bootstrap */ + float: none; + text-align: left; + min-height: 24px; +} + + +.st-categories {background: #000; opacity: 0.7; border-radius: 0 3px 3px 3px; list-style: none; padding: 10px 0; margin-top: -4px;} +.st-categories li { margin-bottom: 3px;} +.st-categories li a { text-decoration: none; padding: 3px 20px; color: #AAAAAA; text-transform: uppercase;} + +.st-category_toggle:before {content: ''} +.st-category_toggle {opacity: 0.7; background: url('../img/st-cat-sprite.png') top left no-repeat; + background-color: #000; width: 35px; height: 35px; + color: #000; padding: 0px 10px; text-decoration: none; + border-radius: 3px 3px 0 0; display: inline-block } + +.st-category_toggle:hover {color: #fff; text-decoration: none; + background: url('../img/st-cat-sprite.png') top right no-repeat; + background-color: #fff; + } +.st-category_toggle:focus {color: #fff; text-decoration: none} +.st-category_toggle.expand:before { content: ''} +.st-category_toggle.expand { border-radius: 3px} + + +.st-categories.ng-hide-add, .st-categories.ng-hide-remove { + transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; + display: block!important; +} + +.st-categories.ng-hide { height: 0; line-height: 0; opacity: 0; } +.st-categories.ng-hide-add { height: 100%; line-height: 1.5; } +.st-categories.ng-hide-add.ng-hide-adst-category_toggled-active { height: 0; line-height: 0; opacity: 0;} + +.st-categories.ng-hide-remove { height: 0; line-height: 0; } +.st-categories.ng-hide-remove.ng-hide-remove-active { height: 100%; line-height: 1.5;} \ No newline at end of file diff --git a/app/css/category-thumb-list.css b/app/css/category-thumb-list.css new file mode 100644 index 0000000..326d015 --- /dev/null +++ b/app/css/category-thumb-list.css @@ -0,0 +1,121 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : Nov 18, 2013, 5:34:35 PM + Author : zahid +*/ + +.anim-thumb.ng-hide-add, .anim-thumb.ng-hide-remove { + transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s; + display: block !important; +} + +.anim-thumb.ng-hide { height: 0; line-height: 0; opacity: 0; } +.anim-thumb.ng-hide-add { height: 0; line-height: 0; } +.anim-thumb.ng-hide-add.ng-hide-add-active { height: 0; line-height: 0; opacity: 0;} + +.anim-thumb.ng-hide-remove { height: 0; line-height: 0; } +.anim-thumb.ng-hide-remove.ng-hide-remove-active { height: 100%; line-height: 1.5;} + +.st_category_thumb{ + +} + +.st_category_thumb .st_wrapper{ + /* display:none;*/ + /*position: absolute;*/ + width:100%; + overflow: hidden; + top:50px; + left:0px; + height: 60px; + max-height: 60px; +} + +.st_category_thumb .st_thumbs_title { + background-color: black; + opacity: 1.0; + width: 100%; +} + +.st_category_thumb .st_thumbs_title span{ + margin-left: 15px; + background: #000; + color: #BAB7B0; + text-transform: uppercase; + text-align: left; + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; +} + +.st_category_thumb .st_thumbs{ + margin: 0; + float: left; +} + +.st_category_thumb .st_thumbs a { + float: left; + margin:3px; +} + +.st_category_thumb .st_thumbs img{ + border:none; + opacity:0.5; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); + min-width: 200px; +} + +.st_category_thumb .st_thumbs img:hover{ + border:none; + opacity:1; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); +} + +.st_category_thumb .st_thumbs_active{ + + margin: 0; + float: left; +} + +.st_category_thumb .st_thumbs_active img{ + border:none; + opacity:1; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); +} + +.st_category_thumb .album { + opacity: 0.7; + position: relative; + background-color: lightgrey; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); +} + +.st_category_thumb .nav_left,.st_category_thumb .nav_right { + position: absolute; + top: 0; + height: 100%; + text-decoration: none; + color: #fff; + line-height: 100%; + z-index: 110; +} + +.st_category_thumb .nav_left { + background: url('../img/thumb-back.png') no-repeat center; + left:0; +} + +.st_category_thumb .nav_left .st-thumb-nav-bg,.st_category_thumb .nav_right .st-thumb-nav-bg{ + background: #000; + width: 30px; + height: 100%; + opacity: 0.5; + display: block; +} + +.st_category_thumb .nav_right { + background: url('../img/thumb-forward.png') no-repeat center; + right: 0; +} \ No newline at end of file diff --git a/app/css/modal-ajax-loader.css b/app/css/modal-ajax-loader.css new file mode 100644 index 0000000..d2b6d48 --- /dev/null +++ b/app/css/modal-ajax-loader.css @@ -0,0 +1,23 @@ +.modal-ajax-loader { + position: fixed; + width: 100%; + height: 100%; + z-index: 999; +} + +.modal-ajax-loader .overlay { + background: #000; + position: absolute; + width: 100%; + height: 100%; + opacity: 0.6; + z-index: 1; +} + +.modal-ajax-loader .loader { + background: url('../img/ajax-loader.gif') no-repeat center center; + position: absolute; + width: 100%; + height: 100%; + z-index: 2; +} \ No newline at end of file diff --git a/app/css/product-details.css b/app/css/product-details.css new file mode 100644 index 0000000..c35def7 --- /dev/null +++ b/app/css/product-details.css @@ -0,0 +1,52 @@ +.st-product-details-title {font-family: 'Verdana'; font-size: 1.4em; text-align: left;} +product-details .st-product-full-title {display: none;} +product-details .st-product-details-price { font-family: 'Times New Roman' ;text-align: left; font-size: 1.2em; font-weight: normal} +product-details div.st-product-details-main-img-frame {position: absolute;width: 30%; height: 70%; z-index: 80; top: 12%; left: 30%} +product-details .st-product-details-main-img { position: absolute; width: 100%; height: 100%; background-size: contain; background-position: initial; background-clip: initial; background-repeat: no-repeat;} + +product-details .st-pdp-overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000} + +product-details .st-container { padding-left: 0;position: relative; width: 100%; padding-bottom: 50px;} + +product-details .st-pdp-img{ max-height: 400px; margin-top: 20px; margin-bottom: 10px; display: inline-block} + +/*only for chrome, force a scroll in the PDP to set max-height */ +@media screen and (-webkit-min-device-pixel-ratio:0) { + product-details .st-pdp-img{ max-height: 53%; margin-top: 20px; margin-bottom: 10px; display: inline-block} +} + +/* all browsers see this, but only IE thinks #IEroot exists + as an element */ + + +@-moz-document url-prefix() { + product-details .st-pdp-img{ max-height: 400px; margin-top: 20px; margin-bottom: 10px; display: inline-block} +} + +product-details .st-img-loader {margin-top: 8px; margin-left: 8px;} + +product-details button.st-btn-add2bag { font-family: 'Times New Roman'; padding: 5px 0 5px 20px; min-width: 160px; text-align: center;position: relative;text-transform: uppercase} +product-details button span.st-shopping-bag:before { content: url('../img/shopping-bag-icon.png'); padding-right: 4px; position: absolute; border-right: 1px solid #959595; display:inline-block; height: 26px; left: 0; top: 2.2px; padding-left: 2px} + + product-details .st-accordion-title span { font-family: Times New Roman; font-size: 18px;} +product-details st-accordion { position: relative;} + +//drag-up +product-details .drag-up.ng-hide{ display: block !important} + +product-details .drag-up.ng-hide-add, product-details .drag-up.ng-hide-remove{ + -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s; + transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s; + display: block !important; +} + +product-details .drag-up.ng-hide{margin-top: 30%; opacity: 0} +product-details .drag-up.ng-hide-add{margin-top: 30%; opacity: 0} +product-details .drag-up.ng-hide-active{margin-top: 30%; opacity: 0} + +product-details .drag-up.ng-hide-remove{ margin-top: 30%; opacity: 0} +product-details .drag-up.ng-hide-remove-active{ margin-top: 0; opacity: 1} + +@media only screen and (min-width: 0px) and (max-width: 479px) { + product-details .st-pdp-img {max-width: 100%} +} \ No newline at end of file diff --git a/app/css/product-full-list.css b/app/css/product-full-list.css new file mode 100644 index 0000000..bd000fa --- /dev/null +++ b/app/css/product-full-list.css @@ -0,0 +1,95 @@ +product-full-list { z-index: 1; position: absolute; top: 0; left: 0; height: 100%; width: 100%} +#product-full-list-last-image{ + position: fixed; + z-index: 0; + top: 0px; + left: 0px; + height: 100%; + width: 100%; +} + +.st-nav_left_ctrl_container,.st-nav_right_ctrl_container{ + width: 70px; + height: 100%; + position: fixed; + z-index: 49; + top: 0; + text-align: center; + padding-right: 20px; +} + +.st-nav_left_ctrl_container a,.st-nav_right_ctrl_container a{ + cursor: pointer; + margin-top: -20px; + position: absolute; + top: 50%; + z-index: 2; + /* margin-left: -10px; + width: 42px; + height: 42px;*/ + text-decoration: none; + color: #000; +} + +.st-nav_left_ctrl_container{ + left: 0; +} +/*.st-nav_left_ctrl_container { + background: url('../img/back.png') no-repeat center; +} +.st-nav_right_ctrl_container { + background: url('../img/forward.png') no-repeat center; +}*/ +.st-nav_right_ctrl_container{ + right: 0; +} + +.st-product-full-list-auto-play-toggle { position: absolute; top: 10px; right: 10px; z-index: 70; background: url('../img/play.png') no-repeat } +.st-product-full-list-auto-play-toggle.yes { background: url('../img/pause.png') no-repeat} + +product-full-list product-full { display: none; position: fixed} +product-full-list product-full.active { display: block !important;} + +product-full-list .anim-fade {opacity: 1} +product-full-list .anim-fade.ng-hide{ opacity: 0} + +product-full-list .anim-fade.ng-hide-add { + display: block !important; + -webkit-animation: fadeOut 0.5s both linear; + -moz-animation: fadeOut 0.5s both linear; + animation: fadeOut 0.5s both linear; +} + +product-full-list .anim-fade.ng-hide-remove { + display: block !important; + -webkit-animation: fadeIn 0.5s both linear; + -moz-animation: fadeIn 0.5s both linear; + animation: fadeIn 0.5s both linear; +} + +product-full-list .anim-slide-next.ng-hide-add { + display: block !important; + -webkit-animation: slideOutLeft 0.5s both linear; + -moz-animation: slideOutLeft 0.5s both linear; + animation: slideOutLeft 0.5s both linear; +} + +product-full-list .anim-slide-next.ng-hide-remove { + display: block !important; + -webkit-animation: slideInRight 0.5s both linear; + -moz-animation: slideInRight 0.5s both linear; + animation: slideInRight 0.5s both linear; +} + +product-full-list .anim-slide-prev.ng-hide-add { + display: block !important; + -webkit-animation: slideOutRight 0.5s both linear; + -moz-animation: slideOutRight 0.5s both linear; + animation: slideOutRight 0.5s both linear; +} + +product-full-list .anim-slide-prev.ng-hide-remove { + -webkit-animation: slideInLeft 0.5s both linear; + -moz-animation: slideInLeft 0.5s both linear; + animation: slideInLeft 0.5s both linear; +} \ No newline at end of file diff --git a/app/css/product-full.css b/app/css/product-full.css new file mode 100644 index 0000000..58939e8 --- /dev/null +++ b/app/css/product-full.css @@ -0,0 +1,38 @@ +product-full { + min-height: 100%; + left: 0; + overflow: hidden; + /*position: absolute;*/ + display: block; + top: 0; + width: 100%; + z-index: 1; +} + +.st-fitToSize { + background-size:contain; +} + + +.st-dontFitToSize { + background-size:cover; + background-attachment:fixed; + background-position: top; +} + +.st-product-full-img { + height: 100%; + left: 0; + overflow: hidden; + position: absolute; + top: 0; + width: 100%; + + background-repeat: no-repeat; + background-attachment: initial; + background-origin: initial; + background-clip: initial; + background-color: #fff; +} + +.st-buynow-button {position: absolute; bottom: 10px; left: 10px; z-index: 50} \ No newline at end of file diff --git a/app/css/product-thumb-list.css b/app/css/product-thumb-list.css new file mode 100644 index 0000000..c85a993 --- /dev/null +++ b/app/css/product-thumb-list.css @@ -0,0 +1,117 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : Nov 18, 2013, 5:34:35 PM + Author : zahid +*/ + +/* +.st_product_thumb{ + +} + +.st_product_thumb .st_wrapper{ + width:50%; + overflow: hidden; + top:50px; + left:0px; + margin-left: 12%; + margin-right: 12%; +} +*/ + +.st_product_thumb .st_thumbs_title { + background-color: black; + opacity: 1.0; + width: 100%; +} + +.st_product_thumb .st_thumbs_title span{ + margin-left: 15px; + background: #000; + color: #BAB7B0; + text-transform: uppercase; + text-align: left; + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; +} + +.st_product_thumb .st_thumbs{ + margin: 0 auto; + /* + float: left; + margin-left: 20px; + margin-right: 20px; + */ +} + +.st_product_thumb .st_thumbs a { + float: left; + margin:3px; +} + +.st_product_thumb .st_thumbs img{ + border:none; + opacity:0.5; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); +} + +.st_product_thumb .st_thumbs img:hover{ + border:none; + opacity:1; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); +} + +.st_product_thumb .st_thumbs_active{ + + margin: 0; + float: left; +} + +.st_product_thumb .st_thumbs_active img{ + border:none; + opacity:1; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); +} + +.st_product_thumb .album { + opacity: 0.7; + position: relative; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); +} + +.st_product_thumb .nav_left,.st_product_thumb .nav_right { + position: absolute; + top: 0; + height: 100%; + text-decoration: none; + color: #fff; + line-height: 100%; + z-index: 110; + display: none; +} + + +.st_product_thumb:hover .nav_left,.st_product_thumb:hover .nav_right { + display: inline; +} + +.st_product_thumb .nav_left { + background: url('../img/left-arrow.png') no-repeat center; + left:-30px; +} + +.st_product_thumb .nav_left .st-thumb-nav-bg,.st_product_thumb .nav_right .st-thumb-nav-bg{ + + width: 30px; + height: 100%; + opacity: 0.5; + display: block; +} + +.st_product_thumb .nav_right { + background: url('../img/right-arrow.png') no-repeat center; + right: -30px; +} \ No newline at end of file diff --git a/app/css/product-title.css b/app/css/product-title.css new file mode 100644 index 0000000..796a8d3 --- /dev/null +++ b/app/css/product-title.css @@ -0,0 +1,28 @@ +.st-product-full-title { position: absolute; bottom: 25%; right: 7%; color: #000;} + +.st-product-full-title a { text-decoration: none; color: inherit; text-transform: capitilize; color: #000; } +.st-product-full-title a:hover { text-decoration:underline; color: #d90202; } +.st-product-full-title a:focus { outline:0; color: #d90202; } + +product-title { + -webkit-transition:all 0.5s 1s linear; + -moz-transition:all 0.5s 1s linear; + -o-transition:all 0.5s 1s linear; + transition:all 0.5s 1s linear; +} + +.st-product-full-title.ng-hide-add, st-product-full-title.ng-hide-remove { + -webkit-transition:all 0.5s ease-in-out; + -moz-transition:all 0.5s ease-in-out; + -o-transition:all 0.5s ease-in-out; + transition:all 0.5s ease-in-out; + + display: block !important; +} + +.st-product-full-title.ng-hide { opacity: 0;} +.st-product-full-title.ng-hide-add { opacity: 1; } +.st-product-full-title.ng-hide-add.ng-hide-add-active { opacity: 0;} + +.st-product-full-title.ng-hide-remove { opacity: 0; } +.st-product-full-title.ng-hide-remove.ng-hide-remove-active { opacity: 1} \ No newline at end of file diff --git a/app/css/st-accordion.css b/app/css/st-accordion.css new file mode 100644 index 0000000..5d1edca --- /dev/null +++ b/app/css/st-accordion.css @@ -0,0 +1,7 @@ +st-accordion * { font-family: 'Times New Roman'} +st-accordion accordion .panel { background: none !important; border-right: 0 !important; border-left: 0 !important; border-top: 0 !important; box-shadow: none !important; border-radius: 0 !important} +st-accordion accordion .panel-heading { background: none !important; border: none !important; padding-left: 0; padding-right: 0;} +st-accordion accordion .panel-title { font-size: 1em !important;} +st-accordion accordion .panel-body { background: none !important; padding: 10px 0; font-size: 1.2em} +st-accordion accordion .accordion-toggle {text-decoration: none; cursor: pointer} +st-accordion .st-arrow-down:before { content: url('../img/arrow-down.png') } \ No newline at end of file diff --git a/app/css/static-block.css b/app/css/static-block.css new file mode 100644 index 0000000..a248da9 --- /dev/null +++ b/app/css/static-block.css @@ -0,0 +1,25 @@ + +.st-static-block-overlay { + height:100%; + width:100%; + position:fixed; + left:0; + top:0; + z-index: 70 !important; + background-color:black; + opacity: 0.75; +} +.st-static-block-overlay.ng-hide-add, .st-static-block-overlay.ng-hide-remove { + transition: 0.3s linear; + display: block!important; +} + +.st-static-block-overlay.ng-hide { opacity: 0 } +.st-static-block-overlay.ng-hide-add { opacity: 0.75 } +.st-static-block-overlay.ng-hide-add.ng-hide-add-active { opacity: 0;} + +.st-static-block-overlay.ng-hide-remove { opacity: 0 } +.st-static-block-overlay.ng-hide-remove.ng-hide-remove-active { opacity: 0.75} + +.st-static-block-content { color: #fff; background: #131313; + border-style:solid; border-color:white; border-width:5px; border-radius: 3px; padding: 25px; z-index: 72; position: relative } \ No newline at end of file diff --git a/app/css/styles.css b/app/css/styles.css new file mode 100644 index 0000000..35e7155 --- /dev/null +++ b/app/css/styles.css @@ -0,0 +1,2917 @@ +@import url("stStyle.css"); +@import url("bootstrap.min.css"); +/** + * Magento + * + * NOTICE OF LICENSE + * + * This source file is subject to the Academic Free License (AFL 3.0) + * that is bundled with this package in the file LICENSE_AFL.txt. + * It is also available through the world-wide-web at this URL: + * http://opensource.org/licenses/afl-3.0.php + * If you did not receive a copy of the license and are unable to + * obtain it through the world-wide-web, please send an email + * to license@magentocommerce.com so we can send you a copy immediately. + * + * DISCLAIMER + * + * Do not edit or add to this file if you wish to upgrade Magento to newer + * versions in the future. If you wish to customize Magento for your + * needs please refer to http://www.magentocommerce.com for more information. + * + * @category design + * @package default_modern + * @copyright Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com) + * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) + */ + +/* Reset ================================================================================= */ +/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ + +/* ============================================================================= + HTML5 display definitions + ========================================================================== */ + +/* + * Corrects block display not defined in IE6/7/8/9 & FF3 + */ + +article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } + +/* + * Corrects inline-block display not defined in IE6/7/8/9 & FF3 + */ + +audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } + +/* + * Prevents modern browsers from displaying 'audio' without controls + * Remove excess height in iOS5 devices + */ + +audio:not([controls]) { display: none; height: 0; } + +/* + * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 + * Known issue: no IE6 support + */ + +[hidden] { display: none; } + + +/* ============================================================================= + Base + ========================================================================== */ + +/* + * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units + * http://clagnut.com/blog/348/#c790 + * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom + * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ + */ + +html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } + +/* + * Addresses font-family inconsistency between 'textarea' and other form elements. + */ + +html, button, input, select, textarea { font-family: sans-serif; } + +/* + * Addresses margins handled incorrectly in IE6/7 + */ + +body { margin: 0; } + + +/* ============================================================================= + Links + ========================================================================== */ + +/* + * Addresses outline displayed oddly in Chrome + */ + +a:focus { outline: thin dotted; } + +/* + * Improves readability when focused and also mouse hovered in all browsers + * people.opera.com/patrickl/experiments/keyboard/test + */ + +a:hover, a:active { outline: 0; } + + + + +/* ============================================================================= + Typography + ========================================================================== */ + +/* + * Addresses font sizes and margins set differently in IE6/7 + * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 + +h1 { font-size: 2em; margin: 0.67em 0; } + +h2 { font-size: 1.5em; margin: 0.83em 0;} + +h3 { font-size: 1.17em; margin: 1em 0;} + +h4 { font-size: 1em; margin: 1.33em 0;} + +h5 { font-size: 0.83em; margin: 1.67em 0; } + +h6 { font-size: 0.75em; margin: 2.33em 0; } + +*/ + +/* + * Addresses styling not present in IE7/8/9, S5, Chrome + */ + +abbr[title] { border-bottom: 1px dotted; } + +/* + * Addresses style set to 'bolder' in FF3+, S4/5, Chrome +*/ + +b, strong { font-weight: bold; } + +blockquote { margin: 1em 40px; } + +/* + * Addresses styling not present in S5, Chrome + */ + +dfn { font-style: italic; } + +/* + * Addresses styling not present in IE6/7/8/9 + */ + +mark { background: #ff0; color: #000; } + +/* + * Addresses margins set differently in IE6/7 + */ + +p, pre { margin: 1em 0; } + +/* + * Corrects font family set oddly in IE6, S4/5, Chrome + * en.wikipedia.org/wiki/User:Davidgothberg/Test59 + */ + +pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } + +/* + * Improves readability of pre-formatted text in all browsers + */ + +pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } + +/* + * 1. Addresses CSS quotes not supported in IE6/7 + * 2. Addresses quote property not supported in S4 + */ + +/* 1 */ + +q { quotes: none; } + +/* 2 */ + +q:before, q:after { content: ''; content: none; } + +small { font-size: 75%; } + +/* + * Prevents sub and sup affecting line-height in all browsers + * gist.github.com/413930 + */ + +sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } + +sup { top: -0.5em; } + +sub { bottom: -0.25em; } + + +/* ============================================================================= + Lists + ========================================================================== */ + +/* + * Addresses margins set differently in IE6/7 + + +dl, menu, ol, ul { margin: 1em 0; } + +dd { margin: 0 0 0 40px; } + +*/ + +/* + * Addresses paddings set differently in IE6/7 + +menu, ol, ul { padding: 0 0 0 40px; } + +*/ + +/* + * Corrects list images handled incorrectly in IE7 + +nav ul, nav ol { list-style: none; list-style-image: none; } + +*/ + + + +/* ============================================================================= + Embedded content + ========================================================================== */ + +/* + * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 + * 2. Improves image quality when scaled in IE7 + * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ + */ + +img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } + +/* + * Corrects overflow displayed oddly in IE9 + */ + +svg:not(:root) { overflow: hidden; } + + +/* ============================================================================= + Figures + ========================================================================== */ + +/* + * Addresses margin not present in IE6/7/8/9, S5, O11 + */ + +figure { margin: 0; } + + +/* ============================================================================= + Forms + ========================================================================== */ + +/* + * Corrects margin displayed oddly in IE6/7 + */ + +form { margin: 0; } + +/* + * Define consistent border, margin, and padding + */ + +fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } + +/* + * 1. Corrects color not being inherited in IE6/7/8/9 + * 2. Corrects text not wrapping in FF3 + * 3. Corrects alignment displayed oddly in IE6/7 + */ + +legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } + +/* + * 1. Corrects font size not being inherited in all browsers + * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome + * 3. Improves appearance and consistency in all browsers + */ + +button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } + +/* + * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet + */ + +button, input { line-height: normal; /* 1 */ } + +/* + * 1. Improves usability and consistency of cursor style between image-type 'input' and others + * 2. Corrects inability to style clickable 'input' types in iOS + * 3. Removes inner spacing in IE7 without affecting normal text inputs + * Known issue: inner spacing remains in IE6 + */ + +button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } + +/* + * Re-set default cursor for disabled elements + */ + +button[disabled], input[disabled] { cursor: default; } + +/* + * 1. Addresses box sizing set to content-box in IE8/9 + * 2. Removes excess padding in IE8/9 + * 3. Removes excess padding in IE7 + Known issue: excess padding remains in IE6 + */ + +input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } + +/* + * 1. Addresses appearance set to searchfield in S5, Chrome + * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) + */ + +input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } + +/* + * Removes inner padding and search cancel button in S5, Chrome on OS X + */ + +input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } + +/* + * Removes inner padding and border in FF3+ + * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ + */ + +button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } + +/* + * 1. Removes default vertical scrollbar in IE6/7/8/9 + * 2. Improves readability and alignment in all browsers + */ + +textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } + + +/* ============================================================================= + Tables + ========================================================================== */ + +/* + * Remove most spacing between table cells + */ + +table { border-collapse: collapse; border-spacing: 0; } + +/****** END Normalization *****************************************************************************/ + +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 3, 2012 11:34:39 AM America/New_York */ + + + + + +body { font:75%/1.5 /*12/18*/ Tahoma, Helvetica, Arial, sans-serif; color:#000000; background:#F9F9F9;} + +img { border:0; vertical-align:top; } + +a { outline: 0; } +object, embed { outline: 0; } +a { text-decoration: none; color: inherit; text-transform: capitilize; color: #428bca; } +a:hover { text-decoration:underline; color: #d90202; } +a:focus { outline:0; color: #d90202; } + +/* Headings */ + +h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 0 18px; clear: both; } + +h1 { font-size: 30px; line-height: 1; font-family:'Karla', tahoma, arial, sans-serif; font-weight:normal;} /* 36/36 */ +h2 { font-size: 24px; line-height: 1.285714286; font-family: 'Karla', tahoma, arial, sans-serif; color:#749E4D; font-weight:normal;}/* 36/28 */ +h3 { font-size: 18px; line-height: 1.636363636; font-family: 'Karla', tahoma, arial, sans-serif; font-weight:normal; }/* 36/22 */ +h4 { font-size: 16px; line-height: 1; font-family: 'Karla', tahoma, arial, sans-serif; font-weight:normal; }/* 18/18 */ +h5 { font-size: 15px; line-height: 1.2; font-family: 'Karla', tahoma, arial, sans-serif; font-weight:normal;}/* 18/36 */ +h6 { font-size: 13px; line-height: 1.384615385; font-family: 'Karla', tahoma, arial, sans-serif; font-weight:normal;}/* 18/13 */ + + +/* Forms */ +form { display:inline; } +fieldset { border:0; } +legend { display:none; } + +/* Table */ +table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; } +caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } + +/* Content */ +p { margin:9px 0; } +strong { font-weight:bold; } +address { font-style:normal; } +cite { font-style:normal; } +q, +blockquote { quotes:none; } +q:before, +q:after { content:''; } + +/* +small { font-size:1em; } +big { font-size:1.15em; } +/*sup { font-size:1em; vertical-align:top; } + +/* Lists */ +ul,ol , dl, dt, dd { list-style:none; margin:0; padding: 0; } + +/* Tools */ +.hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } +.nobr { white-space:nowrap !important; } +.wrap { white-space:normal !important; } +.a-left { text-align:left !important; } +.a-center { text-align:center !important; } +.a-right { text-align:right !important; } +.v-top { vertical-align:top; } +.v-middle { vertical-align:middle; } +.f-left, +.left { float:left !important; margin-right: 10px;} +.f-right, +.right { float:right !important; margin-left: 10px; } +.f-none { float:none !important; } +.f-fix { float:left; width:100%; } +.no-display { display:none; } +.no-margin { margin:0 !important; } +.no-padding { padding:0 !important; } +.no-bg { background:none !important; } + +/* ======================================================================================= */ + + +/* Default Layout: 980px. + Gutters: 20px. + Outer margins: 20px. +------------------------------------------------------------------------------- +cols 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 +px 40 100 160 220 280 340 400 460 520 580 640 700 760 820 880 940 */ +//border-top: 4px solid #000; +.page {position: absolute; margin: 0 auto; background: #F9F9F9; min-height: 100%; min-width: 100%; padding-bottom: 100px; } +.row { margin:0 auto; width:100%;} + .row .row { margin:0 -16px 0 -16px; width:auto; } + + .grid_1 { width:48px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_2 { width:128px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_3 { width:208px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_4 { width:288px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_5 { width:368px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_6 { width:448px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_7 { width:528px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_8 { width:608px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_9 { width:688px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_10 { width:768px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_11 { width:848px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + .grid_12 { width:928px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; } + + .space_1 { margin-left:96px; } + .space_2 { margin-left:176px; } + .space_3 { margin-left:256px; } + .space_4 { margin-left:336px; } + .space_5 { margin-left:416px; } + .space_6 { margin-left:496px; } + .space_7 { margin-left:576px; } + .space_8 { margin-left:656px; } + .space_9 { margin-left:736px; } + .space_10 { margin-left:816px; } + .space_11 { margin-left:896px; } + +/* Baseline images overlay + +.page { background: url("../images/baseline18px.png") repeat scroll 0 0 #FFF; }*/ + +.main { padding: 40px 10px;background:none; } + +.col2-left-layout .col-left { float: left; width: 220px; } +.col2-left-layout .col-main { float: right; width: 700px; } +.col2-right-layout .col-right { float: right; width: 220px; margin-left: 20px; } +.col2-right-layout .col-main { float: left; width: 700px; } +.col1-layout .col-main { float: none; margin-left: 10%; width: 80%; } + + +/* content columns */ +.col2-set { clear:both; overflow:hidden; } +.col2-set .col-1 { float:left; width:48%; } +.col2-set .col-2 { float:right; width:48%; padding-left: 5px;} +.col2-set .narrow { width:33%; } +.col2-set .wide { width:65%; } + +/* ======================================================================================= */ + +.visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } /* accessible hidden content http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ + + + +/************* Form Elements **********************************/ +fieldlset { margin: 9px 0; padding: 9px 5px; } +textarea { width:96%; height:108px; background: #F7F7F7; border:none; padding: 9px 10px; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; }4 +select { padding: 0;} +input {} +.input-box { clear: both; } +.input-box input.input-text { background: #F7F7F7; border: 1px solid #ccc; padding: 4px 9px; width: 89%; } +.input-box select { background: #F7F7F7; border: 1px solid #ccce; padding:8px 4px 7px; width: 96%; } +.input-box select.multiselect { min-height:90px; background:#F7F7F7; border:none; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; padding:5px; } +.input-text.qty { background:#F7F7F7; border:none; padding:3px 3px 4px; width: 20px; border: 1px solid #444; text-align: center; } +.form-alt li { margin: 9px 0; } +.form-list { width:90%; } +.form-list li { margin: 9px 0; } +.form-list li { display: inline-block; } +.form-list li, .form-list li .field { float:left; width:45%; margin-right:5%; } +.form-list li.fields, .form-list li.wide { display: inline-block; width:100%; } +.form-list li.wide .input-box input.input-text { width:90%; } + +.form-list li + li.control { margin-top:18px; } +.form-list li.control + li.control { margin-top:0; } +.form-list li.control { width:100%; margin:9px 0; } +.form-list li.control.use-billing { margin-bottom:18px; } +.form-list li.control .input-box { float:left; margin-right:10px; } + +.form-list li .input-range input#price, .form-list li .input-range input#price_to { float: left; margin-right: 3%; width: 40%; } +.form-list li .input-range span.separator { float: left; } +.form-list li .input-box input.range { overflow: hidden; } + + +.form-list li.control label { margin: 0 10px; } +.form-list li label { } +#checkoutSteps .form-list li label {margin-bottom:10px;display:inline-block; } +.form-list li label em { } + +#checkout-step-login .form-list li , #checkout-step-billing .form-list li, #checkout-step-shipping .form-list li, #checkout-opc-payment .form-list li, +.customer-account-login .form-list li , .shipping .form-list li, .checkout-multishipping-login .form-list li, .paypal-review-order .form-list li { width: 100%; } + +label.required em { color: red; } + +.form-guest { width: 460px; } + +.sidebar .form-subscribe .input-box {padding:10px;} +.sidebar #newsletter-validate-detail {display:inline-block;background:#F2F2F2;border:1px solid #ccc;width:100%} +.sidebar #newsletter-validate-detail .button {margin-left:10px;margin-bottom:10px;} +/********* Buttons Styling ***********************/ + +.button { + background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #808080), color-stop(1, #808080) ); + background:-moz-linear-gradient( center top, #808080 5%, #808080 100% ); + /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#dfdfdf'); */ + background-color:#808080; + -moz-border-radius:3px; + -webkit-border-radius:3px; + border-radius:3px; + border:none; + display:inline-block; + color:#fff; + font-weight:bold; + font-family:arial; + font-size:12px; + padding:3px 10px 5px; + text-decoration:none; + text-transform: lowercase; +}.button:hover { + background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #808080), color-stop(1, #808080) ); + background:-moz-linear-gradient( center top, #808080 5%, #808080 100% ); + /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#F7F7F7'); */ + background-color:#808080; +}.button:active { + position:relative; + top:1px; +} + +.buttons-set { padding: 9px 0;} +p.required { font-size: 10px; color: #ccc; } +p.back-link { clear: left; } +.button-set { padding: 9px 0; } +.buttons-set button, .buttons-set p.required { margin-right:10px; float: left; } +.form-list li label.required em { text-align: left; margin-right: 5px; } +.buttons-set p.required, .buttons-set a { } +#checkout-review-submit .button {float:right;margin-top:10px;} +/********** END FORM ELEMENTS ***********************************/ + +/* Form Validation */ +.validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:13px; font-size:11px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 3px no-repeat; color:#eb340a; } +.validation-failed { border:1px solid #eb340a !important; background:#faebe7 !important; } +.validation-passed {} +p.required { font-size:11px; float: right; color:#EB340A; } +/* Expiration date and CVV number validation fix */ +.v-fix { float:left; } +.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } + +/* Global Messages */ +.success { color:#3d6611; font-weight:bold; } +.error { color:#df280a; font-weight:bold; } +.notice { color:#e26703; } + +.messages, +.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } +.messages { width:100%; overflow:hidden; } +.messages li { } +.messages li li { } +.error-msg, +.success-msg, +.note-msg, +.notice-msg { border-style:solid !important; border-width:1px !important; font-size:11px !important; font-weight:bold !important; line-height: 1.63636363636; padding: 8px 10px; margin-bottom: 18px; } +.error-msg { border-color:#f16048; background-color:#faebe7; color:#df280a; } +.success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; } +.note-msg, +.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } + +/* BreadCrumbs */ +.breadcrumbs a { color:#7f7f7f; } +.breadcrumbs li { display:inline; } +.breadcrumbs li strong { font-weight:bold; } + +/* Page Heading */ +.page-title { width:100%; overflow:hidden; margin:0 0 18px; } +.page-title h1, +.page-title h2 { margin:0;} +.page-title .separator { } +.page-title .link-rss { float:right; } +.title-buttons { text-align:right; } +.title-buttons h1, +.title-buttons h2, +.title-buttons h3, +.title-buttons h4, +.title-buttons h5, +.title-buttons h6 { float:left; } + +.subtitle, +.sub-title { clear:both; font-weight:bold; } + +/* Pager */ +.pager { text-align:center; } +.pager .amount { float:left; margin:0; margin-right: 20px;} +.pager .pages { float: left; } +.pager .pages ol { display:inline; } +.pager .pages li { border: 1px solid #CCCCCC; float: left; margin:0 5px; padding:2px 8px; } +.pager .pages .current { background: #ccc; } +div.pages>strong { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } + +/* Sorter */ +.sorter { border-bottom: 1px dotted #CCCCCC; font-size: 11px; line-height: 1.63636; padding: 9px 8px 8px;} +.sorter .view-mode { float:left; margin:0; } +.sorter .limiter { float:right; } +.sorter .limiter label { vertical-align:middle; } +.sorter .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } +.sorter .sort-by { float:right; padding-right:36px; } +.sorter .sort-by label { vertical-align:middle; } +.sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } +.sorter .link-feed {} + +/* Toolbar */ +.toolbar { margin: 9px 0; } +.toolbar .pager { } +.toolbar .sorter {} +.toolbar-bottom {} +.toolbar label { } +.form-language {margin-top:10px !important;} + +/* Data Table */ +.data-table { width:100%; } +.data-table tr.odd { background:#fff } +.data-table tr.even { background:#fcfcfc; } +.data-table tr.last th, +.data-table tr.last td { border-bottom:0 !important; } +.data-table th { padding:9px 8px; font-size:10px; line-height: 1.8; text-transform:uppercase; white-space:nowrap; } +.data-table th.wrap { white-space:normal; } +.data-table th a { color:#fff; } +.data-table td { padding:9px 8px; } + +.data-table thead, +.data-table thead tr { background:#e9e9e9; } + +.data-table tfoot { border-bottom:1px solid #d9dde3; } +.data-table tfoot tr { background-color:#ccc !important; } +.data-table tbody th { padding:3px 8px; font-size:11px; font-weight:bold; text-transform:none; white-space:normal; } +.data-table tbody th, +.data-table tbody td {padding-bottom: 8px; } +.data-table tfoot strong { font-size:14px; line-height: 1.285714286; } +/* Bundle products tables */ +.data-table tbody.odd tr { background:#fff; } +.data-table tbody.even tr { background:#fcfcfc; } +.data-table tbody.odd tr td, +.data-table tbody.even tr td { border-bottom:0; } +.data-table tbody.odd tr.border td, +.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; } + +.data-table tbody td .option-label { font-weight:bold; font-style:italic; } +.data-table tbody td .option-value { padding-left:10px; } + +/* Generic Info Box */ +.info-box { margin:0 0 15px; } +.info-box h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; } + +.info-table th { font-weight:bold; padding:2px 15px 2px 0; } +.info-table td { padding:2px 0; } + +/* Shopping cart total summary row expandable to details */ +tr.summary-total { cursor:pointer; } +tr.summary-total td {} +tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } +tr.show-details .summary-collapse { background-position:0 -53px; } +tr.show-details td {} +tr.summary-details td { background-color:#dae1e4; color:#626465; } +tr.summary-details-first td { border-top:1px solid #d2d8db; } +tr.summary-details-excluded { font-style:italic; } + +/* Shopping cart tax info */ +.cart-tax-info { display:block; } +.cart-tax-info, +.cart-tax-info .cart-price { padding-right:20px; } +.cart-tax-total { display:block; padding-right:20px; background:url(../images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } +.cart-tax-info .price, +.cart-tax-total .price { display:inline !important; font-weight:normal !important; } +.cart-tax-total-expanded { background-position:100% -53px; } + +/* Class: std - styles for admin-controlled content */ +.std .subtitle { padding:0; } +.std ol.ol { list-style:decimal outside; padding-left:1.5em; } +.std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } +.std dl dt { font-weight:bold; } +.std dl dd { margin:0 0 10px; } +/*.std ul, +.std ol, +.std dl, +.std p, +.std address, +.std blockquote { margin:0 0 1em; padding:0; } +.std ul { list-style:disc outside; padding-left:1.5em; } +.std ol { list-style:decimal outside; padding-left:1.5em; } +.std ul ul { list-style-type:circle; } +.std ul ul, +.std ol ol, +.std ul ol, +.std ol ul { margin:.5em 0; } +.std dt { font-weight:bold; } +.std dd { padding:0 0 0 1.5em; } +.std blockquote { font-style:italic; padding:0 0 0 1.5em; } +.std address { font-style:normal; } +.std b, +.std strong { font-weight:bold; } +.std i, +.std em { font-style:italic; }*/ + +/* Misc */ +.links li { display:inline; } +.links li.first { padding-left:0 !important; } +.links li.last { background:none !important; padding-right:0 !important; } + +.link-cart { font-weight:bold; color:#000; } +.link-wishlist { color:#444; } +.link-reorder {} +.link-compare { } +.link-print { /*background:url(../images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px;*/ } +.link-rss { background:url(../images/i_rss.gif) 0 1px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } +.btn-remove { display:block; width:12px; height:12px; font-size:0; line-height:0; background:url(../images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; margin: 0 2px; } +.btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } +.btn-edit { display:block; width:12px; height:12px; font-size:0; line-height:0; background:url(../images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } + +.cards-list dt { margin:5px 0 0; } +.cards-list .offset { padding:2px 0 2px 20px; } + +.separator { margin:0 0 0 3px; } + +.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; background:#ccc; margin:10px 0; text-indent:-999em; overflow:hidden; } + +/* Noscript Notice */ +.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } +.noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; } +.noscript p { margin:9px 0; } + +/* Demo Notice */ +.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:11px; line-height:1.15; text-align:center; color:#fff; } +/* ======================================================================================= */ + + +/* Header ================================================================================ */ +.logo { } +.header-container {background: none;} + +.header { margin:0; margin-left: 20px; text-align: center; position:relative;} +.header .logo { text-decoration:none !important; } +.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } + +.header .top-promo { float:left; width:117px; height:30px; margin:12px 10px 0; background:url(../images/bkg_top-promo.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } + + +.header .topcart span { display: inline; } + +.quick-access { + float: right; + text-align: right; +} +.quick-access .show-on-phones {} +.quick-access .welcome-msg { display:inline; margin:0; color:#fff; } +.quick-access .welcome-msg a { color:#ddd; } +.quick-access .form-language, .quick-access .top-currency { float:right; margin:0 10px 9px 0; } +.quick-access .form-language label, .quick-access .top-currency label { overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } +.quick-access .form-language select, .quick-access .top-currency select{ padding:0; } +.quick-access .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } +.quick-access .links { padding-left:8px; } +.quick-access .links, +.quick-access .links li { display:inline; } +.quick-access .links li { padding:0 4px 0 1px; } +.quick-access .links a { } +.quick-access .links a { padding:0 7px 0 0; background:url(../images/bkg_pipe1.gif) no-repeat 100% 50%; } +.quick-access .links li.last a { padding:0; background:none; } + +.top-bar { } +.top-bar .breadcrumbs { float:left; overflow:hidden;padding:10px 0;margin-left:10px;} +.form-search {background: none repeat scroll 0 0 #76B13F; + float: right; + padding: 5px 10px 10px; + margin:10px 0; +} +.form-search input.input-text { + float: left; + height: 18px; + margin-top: 5px; + width: 200px; +} +input.input-text, select, textarea { + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #B6B6B6; +} +.form-search label { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } + +.form-search button.button { float:left; height: 24px; width: 63px; border: none; padding: 0; margin: 0; border-radius: 0; background: url(../images/search_btn.png) no-repeat;box-shadow: none;margin-top:4px;} +.form-search button.button span { } +.form-search .search-autocomplete { z-index:999; } +.form-search .search-autocomplete ul { border:1px solid #999; background-color:#f9f5f0; } +.form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } +.form-search .search-autocomplete li .amount { float:right; font-weight:bold; } +.form-search .search-autocomplete li.odd { background-color:#f6f6f6; } +.form-search .search-autocomplete li.selected { background-color:#ecf9ea; } + +.header-container .top-container { padding:5px 12px; background:#fff; border:1px solid #bbb; border-width:0 1px 1px; text-align:right; } + + +/********** < Navigation */ +.nav-container {background:#35373B; width: 100%; margin:10px 0 0 0; height: 34px;position: relative; +} +.nav-container select { margin: 18px 0; } +.nav-container select { width: 100% } +#nav { float: left; + font-size: 12px; + margin: 0; } + +/* All Levels */ /* Style consistent throughout all nav levels */ +#nav li { position:relative;text-align:left; } +#nav li.over { z-index:998; } +#nav a, +#nav a:hover { display:block; text-decoration:none; text-transform:uppercase; } +#nav span { display:block; cursor:pointer; white-space:nowrap; } +#nav li ul span {white-space:normal; } + +/* 0 Level */ +#nav li { + float: left; + padding:8px 12px; +} +#nav li.active a { color:#76B13F; } +#nav a { color: #FFFFFF; + float: left; + font-weight: bold; + padding-right: 11px; font-family:Arial, Helvetica, sans-serif; } +#nav li.over a, +#nav a:hover { color:#76B13F; } + + +/* 1st Level */ +#nav ul li, +#nav ul li.active, +#nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; } +#nav ul li.parent { } +#nav ul li.last { padding-bottom:0; } +#nav ul li.active { margin:0; border:0; background:none; } +#nav ul a, +#nav ul a:hover { float:none; padding:0; background:none; } +#nav ul li a { font-weight:normal !important; } + +/* 2nd Level */ +#nav ul, +#nav div { position:absolute; width:15em; top:30px; left:-10000px; border:1px solid #bbb; padding:3px 8px; background:#fcfcfc; } +#nav div ul { position:static; width:auto; border:none; padding:0; } + +/* 3rd+ Level */ +#nav ul ul, +#nav ul div { top:5px; } + +#nav ul li a { padding:3px 0; color:#444 !important; } +#nav ul li a:hover { padding:3px 0;} + +/* Show menu */ +#nav li ul.shown-sub, +#nav li div.shown-sub { left:-1px; z-index:999; } +#nav li .shown-sub ul.shown-sub, +#nav li .shown-sub li div.shown-sub { left:100px; } +.flex-direction-nav {display:none;} +/********** Navigation > */ +/* ======================================================================================= */ + + +/* Sidebar =============================================================================== */ +.block { margin:0 0 18px 0; border: 1px solid #DDDDDD;;} +.block:first-child { margin-top: 0; } +.block .block-title { background: none repeat scroll 0 0 #2F2F31; + border-bottom: 1px solid #DDDDDD; + padding: 2px 10px; + vertical-align: middle; + padding:5px;} +.block .block-title strong { display:block; text-transform: uppercase; font-size: 14px; } +.block .block-title strong span {color:#fff;} +.block .block-title a { text-decoration:none !important; } +.block .block-subtitle { } +.block .block-content { + background: none repeat scroll 0 0 #F2F2F2; + padding: 10px 10px; +} +.block .block-content { } +.block .block-content li.item {margin-bottom: 18px; } +.block .block-content li.item.last { } +.block .block-content .product-name { color:#4f8100; margin-bottom: 0; } +.block .btn-remove, +.block .btn-edit { float:right; } +.block .actions { text-align:right; } +.block .actions a { float:left; } +.block .actions button.button { float:right; } +.block .empty { } +.block .price-box { } +.block button.button span { } +.form-subscribe-header {display:none;} +.sidebar .form-subscribe label { + background: none repeat scroll 0 0 #2F2F31; + border-bottom: 1px solid #DDDDDD; + color: #FFFFFF; + display: block; + font-size: 14px; + font-weight: bold; + padding: 5px; + text-transform: uppercase; + vertical-align: middle; +} +.sidebar .form-subscribe input[type="text"] {height:18px;border:1px solid #ccc;} +/*.block li.odd { background-color:#f4f3f3; } +.block li.even { background-color:#fafafa; }*/ + +/* Mini Products List */ +.mini-products-list .product-image { float:left; width:50px; } +.mini-products-list .product-details { margin-left:60px; } + +/* Block: Account */ +.block-account .block-title { /*background:#666; padding: 0 10px;*/} +.block-account .block-title strong { color:#fff; } +.block-account .block-content li a { display:block; color:#5f5d5c; text-decoration:none !important; } +.block-account .block-content li a:hover { color:#444; } +.block-account .block-content li.last a { } +.block-account .block-content li.current { } +.block-account .block-content li.current.last { } + +/* Block: Currency Switcher */ +.block-currency { background:#f4f4f4; } +.block-currency .block-title { border:0; background:none; text-transform:none; } +.block-currency .block-title strong { text-transform:none; } +.block-currency .block-content { } +.block-currency .block-content select { width:100%; padding:0; } + +/* Block: Layered Navigation */ +.block-layered-nav { } +.block-layered-nav .block-title { } +.block-layered-nav .block-content { } +.block-layered-nav .block-subtitle { } +.block-layered-nav p.block-subtitle { margin-bottom: 0; text-transform: uppercase; font: 12/1.5; display: none; } +.block-layered-nav dt { font-weight:bold; } +.block-layered-nav dd { } +.block-layered-nav dd li { margin: 9px 0; } +.block-layered-nav dd a { color:#444; } +.block-layered-nav .currently ol { } +.block-layered-nav .currently li { } +.block-layered-nav .currently .label { font-weight:bold; } +.block-layered-nav .currently .btn-remove { } +.block-layered-nav .actions { margin:0; } +.block-layered-nav .actions a { float:none; } + +/* Block: Cart */ +.block-cart .block-title { } +.block-cart .block-title strong { } +.block-cart .summary { padding:9px 3px; text-align:center; position:relative; z-index:1; background: #f5f4f4; -moz-box-shadow: inset 0 0 5px 5px #edeaea; -webkit-box-shadow: inset 0 0 5px 5px#edeaea; box-shadow: inset 0 0 5px 5px #edeaea; border-radius: 4px; } +.block-cart .amount { margin:0; } +.block-cart .amount a { font-weight:bold; } +.block-cart .subtotal { margin:9px } +.block-cart .subtotal .price { font-weight:bold; } +.block-cart .actions { display:none !important; } +.block-cart .actions .paypal-logo { float:left; width:100%; text-align:right; } + +/* Block: Wishlist */ +.block-wishlist .actions { text-align:right; } +.block-wishlist .actions a { float:none; } + +/* Block: Related */ +.block-related .block-subtitle { font-weight:bold; border:0; text-transform:none; } +.block-related input.checkbox { float:right; } +.block-related .product { margin-right:20px; } + +/* Block: Compare Products */ +.page-popup .link-print { background:url(../images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px; } +.compare-table { border:0; } +.compare-table thead, +.compare-table thead tr.first { background:#fff; } +.compare-table thead tr.first th, +.compare-table thead tr.first td { border:0; background:none; padding:0 0 4px; font-size:0; line-height:0; } +.compare-table .btn-remove { float:right; background-image:url(../images/btn_remove.gif); width:12px; height:12px; } +.compare-table tbody th { background:#e9e9e9; } +.compare-table tbody th, +.compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; } +.compare-table tbody td.last { border-right:1px solid #ccc; } +.compare-table tbody tr.last th, +.compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; } +.compare-table tr.add-to-row td { background:#fffada; text-align:center; } +.compare-table tr.first td { text-align:center; } +.compare-table tr.first td .product-name { font-size:13px; font-weight:bold; margin:0 0 5px; color:#203548; } +.compare-table tr.first td .product-name a { color:#203548; } +.compare-table tr.first td .ratings { width:69px; margin:0 auto; } +.compare-table tr.first td p, +.compare-table tr.add-to-row td p { margin:9px 0; } +.compare-table .add-to-links li { background:none; padding:0; } + +/* Block: Recently Viewed */ +.block-viewed {} + +/* Block: Recently Compared */ +.block-compared {} + +/* Block: Poll */ +.block-poll .block-subtitle { font-size:12px; } +.block-poll label { color:#777; font-weight:bold; } +.block-poll input.radio { float:left; margin:1px -18px 0 0; } +.block-poll .label { display:block; margin-left:18px; } +.block-poll li { padding:3px 9px; } +.block-poll .actions { margin:5px 0 0; } +.block-poll .answer { font-weight:bold; } +.block-poll .votes { float:right; margin-left:10px; } + +/* Block: Tags */ +.block-tags .block-content .tags-list { border:0; background:none; padding:0; } +.block-tags .block-content li a { color:#444; } +.block-tags .actions { text-align:right; } +.block-tags .actions a { float:none; } + +/* Block: Reorder */ +.block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } +.block-reorder .product-name { margin-left:20px; } +.block-reorder .validation-advice { margin:3px 9px 7px; } + +/* Block: Banner */ +.block-banner { border:0; } +.block-banner .block-content { padding:0; background:none; text-align:center; } + +/* Block: Login */ +.block-login .block-content { padding:5px 10px; } +.block-login label { font-weight:bold; color:#555; } +.block-login input.input-text { display:block; width:167px; margin:3px 0; } +.block-login .actions { background:none; padding:0; margin:3px 0 0; } + +/* Paypal */ +.sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } +.sidebar .paypal-logo a { float:none; } +/* ======================================================================================= */ + + +/* Category Page ========================================================================= */ +.category-title { } +.category-title h1 { } +.category-image { width:100%; overflow:hidden; margin:0 0 18px; text-align:center; } +.category-image img { max-width: 100%; } +.category-description { margin:0 0 18px; } +.category-products {} + +/* View Type: Grid */ +.products-grid { position:relative; } +.products-grid.last { border-bottom:0; } +ul.products-grid { margin: 18px -20px; } +.products-grid li.item { display: inline-block; vertical-align: top; width:195px; margin-left: 20px; padding-bottom:18px; border:1px solid #eaeaea;background:#fafafa;padding:10px;margin-bottom:15px;min-height:290px;} +.pro_topadst {min-height:320px;} +.products-grid li.item:hover {background:#e9e9e9;-webkit-transition: all 500ms ease-in-out; +-moz-transition: all 500ms ease-in-out; +-ms-transition: all 500ms ease-in-out; +-o-transition: all 500ms ease-in-out; +transition: all 500ms ease-in-out;} +.products-grid li.last { margin-right: 0; } +.products-grid .product-image { display: block; margin-bottom: 2px; } +.products-grid .product-image img { display:block; height: auto; max-width: 100%; width: auto; /* Prevents scaling problem in IE8; */ margin:0 0; } +.products-grid .product-image img:hover { opacity: 0.9; } +.products-grid.first .product-image { border-top:0; } +.products-grid li.last .product-image { border-right:0; } +.products-grid .product-name { font-size:12px; margin: 0; min-height:36px;} +.products-grid .product-name a { color:#444; text-transform: uppercase; letter-spacing: 0.1em; } +.products-grid .product-name a:hover { text-decoration:none; } +.products-grid .price-box { margin:9px 0; } +.products-grid .availability { line-height:21px; } +.products-grid .actions { bottom: 0; } +.col2-left-layout .products-grid, +.col2-right-layout .products-grid { } +.col1-layout .products-grid, +.page-empty .products-grid { } + +/* View Type: List */ +.products-list li.item { border-bottom:1px solid #d9ddd3; padding:12px 10px; } +.products-list li.item.last { border-bottom:0; } +.products-list .product-shop { margin-left:185px; } +.products-list .product-image { } +.products-list .product-image img { float:left; width:170px; height:170px; margin:0 0 10px; } +.products-list .product-name { font-size:12px; margin:0 0 6px; } +.products-list .product-name a { color:#444; text-decoration:underline; } +.products-list .product-name a:hover { text-decoration:none; } +.products-list .price-box { float:left; margin:4px 13px 0 0; } +.products-list .availability { float:left; margin:3px 0 0; } +.products-list .desc { clear:both; padding:6px 0 0; margin:0 0 13px; line-height:1.35; } +.products-list .add-to-links { clear:both; } +/* ======================================================================================= */ +/* ===================accordian */ +.faq_accordian{margin:0;padding:0;} +.faq_right{ + width:732px; + height:auto; + float:left; +} +.faq_banner{background:url(images/media_banner.png) no-repeat; + height:139px; + width:724px; + border-bottom:3px solid #fec00f; +} +.faq_banner h1 {font-family: quara-web; font-size:32px;color:#fec00f;margin-left:30px;margin-top:0px;padding-top:15px;font-weight:normal;text-transform:uppercase;} +.faq_banner p {width:330px;margin-left:30px;color:#cccccc;font-weight:bold;} +.faq_right h3 {padding-left:25px;font-weight:normal;} +.col-right { + float: right; +} + +.col3-layout .col-main {float:right;} +.col3-layout .col-wrapper {float:left;} +.col3-layout .grid_3 {margin:0;} +.col3-layout .grid_6 {width:490px;} +/*left menu */ + +.faq_accordian .arrowlistmenu{ +} + +.faq_accordian .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ + background:url(../images/open_arrow.png) no-repeat scroll right 6px #FAFAFA; + color: #404040; + cursor: pointer; + font:bold 12px Arial, Helvetica, sans-serif; + margin: 10px 0 0; + padding:5px; + text-transform: none; + border:1px solid #eaeaea; + -webkit-border-radius: 5px; +-moz-border-radius: 5px; +border-radius: 5px; +} + + +.faq_accordian .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ +background: url(../images/down_arrow.png) no-repeat scroll right 10px #fafafa; +border:1px solid #eaeaea; +color:#000; +} + +.faq_accordian .arrowlistmenu ul{ /*CSS for UL of each sub menu*/ +list-style-type: none; +margin: 0; +padding: 0; +margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ + background:#fff; + border:1px solid #eaeaea; + -webkit-border-radius: 5px; +-moz-border-radius: 5px; +border-radius: 5px; +padding:10px; +} + +.faq_accordian .arrowlistmenu ul li{ + color: #404040; + display: block; + font-family: Arial,Helvetica,sans-serif; + font-size: 12px; + text-decoration: none; + line-height:21px; +} +.faq_accordian .arrowlistmenu ul li p{ + display: block; + font-family: Arial,Helvetica,sans-serif; + font-size: 14px; + text-decoration: none; + line-height:21px;} + +.faq_accordian .arrowlistmenu ul li a{ +color:#666 !important; +} + +.faq_accordian .arrowlistmenu ul li a:visited{ +color:#cccccc; +} + +.faq_accordian .arrowlistmenu ul li a:hover{ /*hover state CSS*/ +color:#404040; +} + +/* Product View ========================================================================== */ +/* Rating */ +.no-rating { margin:0; } + +.ratings { margin:9px 0; } +.ratings strong { float:left; margin:0 3px 0 0; } +.ratings .rating-links { margin:0; } +.ratings .rating-links .separator { margin:0 2px; } +.ratings dt {} +.ratings dd {} +.rating-box { width:50px; height:10px; margin-bottom: 8px; font-size:0; line-height:0; background:url(../images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } +.rating-box .rating { float:left; height:10px; background:url(../images/bkg_rating.gif) 0 100% repeat-x; } +.ratings .rating-box { float:left; margin:5px 5px 0 0; } +.ratings .amount {} + +.ratings-table th, +.ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } +.ratings-table th { font-weight:bold; padding-right:8px; } +.ratings-table td { padding:4px 0 0; } + +/* Availability */ +.availability { margin:0; } +.availability span { font-weight:bold; } +.availability.in-stock span {} +.availability.out-of-stock span { color:#d83820; } + +.availability-only { margin:10px 0 7px; line-height:16px; background:url(../images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } +.availability-only span, +.availability-only a { border-bottom:1px dashed #751d02; color:#000; } +.availability-only a { background:url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } +.availability-only .expanded { background-position:100% -15px; } +.availability-only strong { color:#be2c00; } + +.availability-only-details { margin:0 0 7px; } +.availability-only-details th { background:#e9e9e9; font-size:10px; padding:0 8px; } +.availability-only-details td { border-bottom:1px solid #d9dde3; font-size:11px; padding:2px 8px 1px; } +.availability-only-details tr.odd { background:#fff; } +.availability-only-details tr.even { background:#fcfcfc; } +.availability-only-details tr.odd td.last { color:#396f00; font-weight:bold; } +.availability-only-details tr.last td { border-bottom:none; } + +.product-view .product-shop .availability { font-size:11px; line-height: 1.63636636363;} +.product-view .product-shop .availability span { font-weight:normal; } + +/* Email to a Friend */ +.email-friend { margin:0; } + +.clients-logo { + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #D0CFCF; + margin: 10px auto; + padding: 10px; + text-align:center; + } + .f-gray { + background: none repeat scroll 0 0 #000000; + margin: 0 auto; + text-align: left !important; +} + +.f-gray p{ + font-family: Arial; + font-style:italic; + font-weight:bold; + font-size: 14px; + color: #D9D9D9; + margin: 0 auto; + text-align: center !important; +} + +.footer ul { + padding: 10px 0; + list-style-type:disc; +} +.f-gray h3 { + color: #FFFFFF; + margin:0 0 5px 0; +} +.f-gray-links li { + background: none repeat scroll 0 0 transparent; + line-height: 180%; +} +.footer a { + color: #B1B1B1 !important; +} +.f-gray-links1{ + margin : 10px 0; + text-align: center; +} +.f-gray-links1 li{ + list-style:none +} +.f-gray-links1 a { + margin-bottom:10px; + display:table; + display:inline-block; +} +.header .top-promo p { + color: #929292; + font-size: 12px; + font-weight: bold; + padding: 2px 18px 0 0; + width: 120px; +} +/* Alerts */ +.alert-price { margin:0; font-size:11px; } +.alert-stock { margin:0; font-size:11px; } + +/********** < Product Prices */ +.price { white-space:nowrap !important; } + +.price-box { margin:9px 0; } +.price-box .price { font-size:11px; font-weight:bold; line-height: 1.63636363636 } + +/* Regular price */ +.regular-price {} +.regular-price .price { font-size:13px; font-weight:bold;} + +/* Old price */ +.old-price { margin:0; } +.old-price .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } +.old-price .price { font-weight:bold; font-size:13px; text-decoration:line-through; } + +/* Special price */ +.special-price { margin:0; } +.special-price .price-label { font-size:11px; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:#000; } +.special-price .price { font-size:13px; font-weight:bold; } + +/* Minimal price (as low as) */ +.minimal-price { margin:0; } +.minimal-price .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } + +.minimal-price-link { display:block; font-size:12px; text-decoration:underline; } +.minimal-price-link .label { } +.minimal-price-link .price { font-weight:normal; } + +/* Including tax */ +.price-including-tax { display:block; color:#888; } +.price-including-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; } +.price-including-tax .price { font-size:13px; font-weight:bold; color:#396f00; } + +/* Excluding tax */ +.price-excluding-tax { display:block; color:#888; } +.price-excluding-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; } +.price-excluding-tax .price { font-size:12px; font-weight:normal; color:#396f00; } + +/* Configured price */ +.configured-price { margin:0; } +.configured-price .price-label { font-weight:bold; white-space:nowrap; } +.configured-price .price { font-size:13px; font-weight:bold; } + +/* Incl tax (for order tables) */ +.price-incl-tax { display:block; } +.price-incl-tax .label { display:block; white-space:nowrap; } +.price-incl-tax .price { display:block; font-weight:bold; } + +/* Excl tax (for order tables) */ +.price-excl-tax { display:block; } +.price-excl-tax .label { display:block; white-space:nowrap; } +.price-excl-tax .price { display:block; font-weight:normal; } + +/* FPT */ +.weee { display:block; font-size:11px; color:#444; } +.weee .price { font-size:11px; font-weight:normal; } + +/* Price range */ +.price-from { margin:0; } +.price-from .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } + +.price-to { margin:0; } +.price-to .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } + +/* Price notice next to the options */ +.price-notice { padding-left:7px; } +.price-notice .price { font-weight:bold; } + +/* Price as configured */ +.price-as-configured { margin:0; } +.price-as-configured .price-label { font-weight:bold; white-space:nowrap; text-transform:uppercase; } + +.price-box-bundle { padding: 9px 0; } +.price-box-bundle .price-box { margin:0 !important; padding:0 !important; } +.price-box-bundle .price { color:#222; } +f/********** Product Prices > */ + +/* Tier Prices */ +.tier-prices { margin:10px 0; padding:10px; background:#f4f9ea; border:1px solid #ddd; } +.tier-prices .benefit { font-style:italic; font-weight:bold; } +.tier-prices .price { font-weight:bold;; } + +.tier-prices-grouped li .price { font-weight:bold; } + +/* Add to Links */ +.add-to-links { } +.add-to-links li { margin: 9px 0;float:left; } +.add-to-links li a { color:#444; } +.add-to-links .separator {} + +.product-options-bottom .add-to-cart{float:left;display:inline-block;} + +/* Add to Cart */ +.add-to-cart { padding: 9px 0;} +.add-to-cart label { margin-right:5px; font-weight:bold; line-height:20px; color:#555; } +.add-to-cart .qty { margin-right:5px; } +.add-to-cart button.button { margin: 0; } +.add-to-cart .paypal-logo { clear:left; margin:0; text-align:right; } +.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } + +/* Add to Links + Add to Cart */ +.add-to-box { margin:10px 0; } +.add-to-box .add-to-cart { margin:10px 0; border:1px solid #eee; background-color:#f8f8f8; padding:10px; text-align:right; } +.add-to-box .add-to-cart .paypal-logo { float:right; } +.add-to-box .or { display:none !important; } +.add-to-box .add-to-links { margin:10px 0; text-align:right; } +.add-to-box .add-to-links li .separator { display:none !important; } + + +.product-view {} + +.product-essential { padding:0 0 25px; } +.product-essential h2 { } + +.product-collateral {} +.product-collateral h2 { font-size:19px; font-weight:normal; line-height:1.15; } +.product-collateral .box-collateral {} + +/* Product Images */ +.col1-layout .product-view .product-img-box { float:left; width:460px; } +.col2-left-layout .product-view .product-img-box, .col2-right .product-view .product-img-box { width: 100%; } +.product-view .product-img-box .product-image { margin:0 0 10px; border:1px solid #cacaca; } +.product-view .product-img-box .product-image-zoom { position:relative; width:300px; height:300px; overflow:hidden; z-index:9; } +.product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } +.product-view .product-img-box .zoom-notice { margin:0 0 10px; text-align:center; } +.product-view .product-img-box .zoom { position:relative; z-index:9; height:24px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } +.product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } +.product-view .product-img-box .zoom #track { position:relative; height:18px; } +.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:3px; width:9px; height:18px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } +.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:10px; top:7px; } +.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:10px; top:7px; } +.product-view .product-img-box .more-views h2 { font-size:10px; font-weight:normal; padding:0 0 2px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } +.product-view .product-img-box .more-views ul { margin-left:-10px } +.product-view .product-img-box .more-views li { float:left; margin:0 0 8px 10px; } +.product-view .product-img-box .more-views li a { float:left; width:66px; height:66px; border:1px solid #ddd; overflow:hidden; } + +.product-image-popup { margin:0 auto; } +.product-image-popup .buttons-set { border:1px solid ##F2F2F2; margin:18px 0; padding:9px; } +.product-image-popup .nav { font-weight:bold; margin:0 100px; text-align:center; } +.product-image-popup .image { display:block; margin:10px 0; } +.product-image-popup .image-label { font-size:12px; font-weight:bold; margin:0 0 10px; color:#2f2f2f; } + +/* Product Shop */ +.col1-layout .product-view .product-shop { float:right; width:460px; } +.col2-left-layout .product-view .product-shop, .col2-right .product-view .product-shop { width: 100%; } +.product-view .product-shop .product-name { margin:0 0 5px; } +.product-view .product-shop .product-name h1 { font:bold 13px/1.384615385 ColaborateRegular, helvetica, arial, sans-serif; } +.product-view .product-shop .availability { margin:9px 0; } +.product-view .product-shop .short-description { margin:9px 0; } +.product-view .product-shop .price-box { margin:9px 0; } +.product-view .product-shop .add-to-links { margin:0; } +.product-view .product-shop .add-to-links { text-align:right; margin-top:5px;} +.product-view .product-shop .add-to-links li { display:inline; margin-left:12px; } +.product-view .product-shop .add-to-links li .separator { display:none !important; } +.product-view .product-shop .product-options-bottom .paypal-logo { float:left; } + +/* Product Options */ +.product-options { margin:18px 0 0; padding:0 15px 10px; background: #FAFAFA; position:relative; } +.product-options .toggle { cursor: pointer; } +.product-options dt { padding:10px 0 0; font-weight:normal; } +.product-options dt label { font-weight:bold; } +.product-options dt label.required em { color:#eb340a; margin-right:5px; } +.product-options dd .qty-holder { display:block; padding:10px 0 0; } +.product-options dd .qty-holder label { vertical-align:middle; } +.product-options dd .qty-disabled { background:none; border:0; padding:3px; color:#444; } +.product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #ddd; } +.product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } +.product-options dd input.input-text { background: #fff; } +.product-options dd input.datetime-picker { width:150px; } +.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } +.product-options dd textarea { height:8em; background: #fff; } +.product-options dd select { background: #fff; } +.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } +.product-options ul.options-list { margin-right:5px; } +.product-options ul.options-list li { padding:2px 0; } +.product-options ul.options-list input.radio { float:left; margin-top:3px; } +.product-options ul.options-list input.checkbox { float:left; margin-top:2px; } +.product-options ul.options-list .label { display:block; margin-left:18px; } +.product-options ul.options-list label { font-weight:normal; } +.product-options ul.validation-failed { padding:0 7px; } +.product-options p.required { position:absolute; right:15px; top:0px; } + +.product-options-bottom { background-color:#eAEAEA; padding:15px 20px; border-top:1px solid #e4e4e4; } +.product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; } +.product-options-bottom .price-box { float:left; margin:0; } +.product-options-bottom .add-to-links {text-align:right; } +.product-options-bottom .price-label { padding-right:5px; } +.product-options-bottom .price-tax { float:left; } +.product-options-bottom .add-to-cart { float:right; margin:0; padding:9px 0; border:0; background:0; } +.product-options-bottom .add-to-links { float:right; display:inline;margin-right:10px;} + +.product-shop .product-options-bottom .price-box { float:none; margin:0; } +.product-shop .product-options-bottom .price-label { float:none; padding-right:0; } +.product-shop .product-options-bottom .price-tax { float:none; } +.product-shop .product-options-bottom .add-to-cart { clear:both; float:none; padding:12px 0 0; text-align:left; } + +/* Grouped Product */ +.product-view .grouped-items-table .price-box { margin:0; padding:0; } + +/* Product Tabs */ +ul.product-tabs{ border-bottom: 1px solid #DDDDDD; display: block; margin: 0 0 18px; padding: 0; } +.product-tabs li { display: block; float: left; height: 35px; margin-bottom: 0; padding: 0; width: auto; } +.product-tabs li.first { } +.product-tabs li.last { } +.product-tabs li.first a { border-top-left-radius: 2px; border-width: 1px 1px 0;} +.product-tabs li.last a { border-top-right-radius: 2px; } +.product-tabs a { background: #F5F5F5; border-color: #DDDDDD; border-style: solid; border-width: 1px 1px 0 0; display: block; font-size: 13px; height: 35px; +line-height: 36px; margin: 0; padding: 0 20px; text-decoration: none; width: auto;} +.product-tabs a:hover { background-color:#ddd; text-decoration:none; color:#444; } +.product-tabs li.active a, +.product-tabs li.active a:hover { background: none repeat scroll 0 0 #FFFFFF; border-left-width: 1px; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #111111; height: 36px; margin: 0 0 0 -1px; padding-top: 4px; position: relative; top: -4px;} +.product-tabs-content h2 { display:none; font-size:12px; font-weight:bold; } + +/* Mini Products Grid */ +.mini-products-grid { margin: 18px -20px; } +.mini-products-grid li { float: left; margin-left: 20px; width: 160px; } +.mini-products-grid .product-image { display:block; margin:0 0 18px; } +.mini-products-grid .product-name { overflow:hidden; margin-bottom: 0;} +.mini-products-grid .product-name a { color:#444; text-decoration:underline; } +.mini-products-grid .product-name a:hover { text-decoration:none; } +.mini-products-grid li.empty {} +.mini-products-grid li.last { padding-right:0; } +.mini-products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } + +/* Block: Description */ +.product-view .box-description {} + +/* Block: Additional */ +.product-view .box-additional .data-table th, +.product-view .box-additional .data-table td { line-height:1.25; } + +/* Block: Upsell */ +.product-view .box-up-sell h2 { margin:0 0 8px; } +#product_tabs_upsell_products_contents h2 { display:block; } + +/* Block: Tags */ +.product-view .box-tags { margin:0; } +.product-view .box-tags h3 { font-size:12px; } +.product-view .box-tags .product-tags { display:block; margin:0 0 15px; } +.product-view .box-tags .product-tags li { display:inline; background:url(../images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; } +.product-view .box-tags .product-tags li.first { padding-left:0; } +.product-view .box-tags .product-tags li.last { background:none; padding-right:0; } +.product-view .box-tags .form-add label { display:block; font-size:12px; font-weight:bold; margin:0 0 3px; } +.product-view .box-tags .form-add .input-box { margin:9px 0; width: 460px; } +.product-view .box-tags .form-add { width:100%; } +.product-view .box-tags .form-add input.input-text { } +.product-view .box-tags .form-add button.button { clear: both; } +.product-view .box-tags .form-add button.button span { } +.product-view .box-tags .note { margin:2px 0 0; font-size:10px; } + +/* Block: Reviews */ +.product-view .box-reviews dl { margin:18px 0; } +.product-view .box-reviews dt a, +.product-view .box-reviews dt span { font-weight:bold; } +.product-view .box-reviews dd { margin:0 0 18px; } +.product-view .box-reviews dd small { font-style:italic; } +.product-view .box-reviews .form-add { margin:18px 0 0; } +.product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; } +.product-view .box-reviews .form-add h3 span { font-weight:bold; } +.product-view .box-reviews .form-add h4 { font-size:12px; } +.product-view .box-reviews .form-add .data-table td { text-align:center; } +.product-view .box-reviews .form-add .form-list { } +.product-view .box-reviews .form-add .form-list .input-box { } +.product-view .box-reviews .form-add .form-list input.input-text, +.product-view .box-reviews .form-add .form-list textarea { } + +/* Send a Friend */ +.send-friend .form-list { overflow:hidden; } +.send-friend .form-list li { margin-right:-15px; } +.send-friend .form-list li p { margin:9px 0; } +.send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:25px; } +/* ======================================================================================= */ + + +/* Content Styles ================================================================= */ +.product-name { font-family: colaborateregular, helvetica, arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.5;} +/*.product-name a { color:#444; }*/ + +/* Product Tags */ +.tags-list { display:block; font-size:13px; border:1px solid #ddd; background:#f6f6f6; padding:10px; } +.tags-list li { display:inline !important; margin:0 4px 0 0; } +.tags-list li a { color:#1b2d3b; } + +/* Advanced Search */ +.advanced-search .form-list label { } +.advanced-search .form-list .input-box, +.advanced-search .form-list .input-range {} +.advanced-search-amount { margin:0 0 10px; } +.advanced-search-summary { margin:10px 0; border:1px solid #ddd; background:#ecf9ea; padding:10px; } +.advanced-search-summary ul { float:left; width:49%; } +.advanced-search-summary strong { color:#E17C24; } +.advanced-search-summary li { margin:2px 0; } +.advanced-search-summary p { clear:both; font-weight:bold; margin:9px 0; } + +/* CMS Home Page */ +.cms-home .main { } +.cms-home .subtitle {} +.cms-index-index .subtitle {} +.cms-home .home-tabs { margin-top: 36px; clear: both; } +.cms-home .product-tabs { } +.cms-home .products-grid .product-name { display: block; font-family: ColaborateRegular, helvetica, arial, sans-serif; font-weight: normal; line-height: 18px; } +.cms-home .products-grid li.item { position: relative; } +.cms-home .products-grid .price-box { color: #000; } +.cms-home .products-grid .minimal-price-link { color: #fff; } +.cms-home .home-tabs .tabs-title { } +.cms-home .home-tabs .tabs-title strong { float: left; font-size: 36px; font-weight: normal; margin-right: 20px; font-family: ColaborateThinRegular, helvetica, arial, sans-serif; line-height: 36px;} + +/* Sitemap */ +.page-sitemap .links { text-align:right; margin:0 8px -22px 0; } +.page-sitemap .links a { text-decoration:none; position:relative; } +.page-sitemap .links a:hover { text-decoration:underline; } +.page-sitemap .sitemap { margin:12px; } +.page-sitemap .sitemap a { color:#444; } +.page-sitemap .sitemap li { margin:3px 0; } +.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } +.page-sitemap .sitemap li.level-0 a { color:#4f8100; } + +/* RSS */ +.rss-title h1 { background:url(../images/i_rss-big.png) 0 3px no-repeat; padding-left:27px; } +.rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } +/* ======================================================================================= */ + + +/* Shopping Cart ========================================================================= */ +.cart .page-title {} +.cart > .checkout-types { text-align: right;margin-bottom:10px; } +.chk_cartbtn {margin:10px 0;float:right;} +/* Checkout Types */ +.cart .page-title .checkout-types { display:none !important; } +.cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } +.cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; } + +/* Shopping Cart Table */ +.cart-table-wrap { overflow: auto; } +.cart-table th { padding:9px 10px; } +.cart-table td { padding:9px; } +.cart-table .product-name { font-weight:bold; margin:0; color:#444; } +.cart-table .item-msg { margin:9px 0; font-size:11px; font-weight:bold; color:#df280a; line-height: 1.6363636363} +.cart-table tfoot td { padding:9px 10px; } +.cart-table .btn-continue { float:left; } +.cart-table .btn-continue span { } +.cart-table .btn-continue:hover span { } +.cart-table .btn-update span {} + +/* Shopping Cart Collateral boxes */ +.cart .cart-collaterals { padding:18px 0 0; } +.cart .cart-collaterals .col2-set .col-1 { width:222px; } +.cart .cart-collaterals .col2-set .col-2 { width:655px; background:#e6f7d7; } + + +ul.crosssell-products-list { margin: 10px auto; } +.cart .crosssell { border:1px solid #ddd; background:#f7f7f7; padding:10px; clear: both;} +.cart .crosssell h2 { font-size:12px; font-weight:bold; } +.cart .crosssell .product-image { float:left; width:120px; height:120px; } +.cart .crosssell .product-details { } +.cart .crosssell .product-name { font-weight:bold;min-height:36px; } +.cart .crosssell li.item { margin:0 0 8px; padding-bottom:5px; display: inline-block; vertical-align: top; width: 220px; } +.cart .crosssell li.last { border-bottom:0; padding-bottom:0; margin:0; } +.cart .crosssell .link-compare { font-weight:normal; } +.cart .no-crosssell { width:100%; overflow:hidden; } +.cart .no-crosssell img { display:block; margin:0 0 10px; } + +/* Discount Codes & Estimate Shipping and Tax Boxes */ +.collat-wrap { float: left; width: 100%; } + +.cart div.discount, +.cart div.shipping { } +.cart .discount h2, +.cart .shipping h2 { width:225px; font:normal 14px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; } +.cart .discount .discount-form, +.cart .shipping .shipping-form { } +.cart .discount .buttons-set, +.cart .shipping .buttons-set { } +.cart .discount .buttons-set button.button, +.cart .shipping .buttons-set button.button { float:none; margin:0; } +.cart .discount .buttons-set button.button span, +.cart .shipping .buttons-set button.button span { } +.cart .discount .buttons-set button.button span span, +.cart .shipping .buttons-set button.button span span { } + +.cart .discount { border-bottom:1px solid #c0d2af ; margin-right: 24px; } +.cart .discount label { font-weight:bold; color:#555; } +.cart .discount .input-box { } +.cart .discount input.input-text { width: 85%; } + +.cart .shipping p { margin:9px 0; } +.cart .shipping .sp-methods { margin:10px 0 0; padding:6px 0 0; border-top:1px solid #c0d2af; } +.cart .shipping .form-list .input-box { } +.cart .shipping .form-list input.input-text { } +.cart .shipping .form-list select { } + +/* Shopping Cart Totals */ +.crosssell-wrap {} + +.cart .totals { width:265px !important;} +.cart .totals table { float:right; margin:9px 0; width: 100%; } +.cart .totals td { border-bottom: 1px solid; margin: 9px 0 8px 15px; padding: 9px 10px 8px 0; } +.cart .totals tr.last td {} +.cart .totals tfoot td {} +.cart .totals tfoot th strong, +.cart .totals tfoot td strong { font-size:14px; line-height: 1.285714286; font-weight:bold; } +.cart .totals .checkout-types { text-align:right; } +.cart .totals .checkout-types li { clear:both; margin:9px 0; } + +/* Options Tool Tip */ +.item-options dt { font-weight:bold; font-style:italic; } +.item-options dd { padding-left:10px; } +.truncated { cursor:help; } +.truncated a.dots { cursor:help; text-decoration:none !important; } +.truncated a.details { cursor:help; text-decoration:none !important; display:inline-block; border-bottom:1px dotted #4f8100; } +.truncated .truncated_full_value { position:relative; z-index:999; } +.truncated .truncated_full_value .item-options { position:absolute; top:-99999em; z-index:999; width:250px; padding:8px; border:2px solid #ddd; border-bottom-color:#666; background-color:#f6f6f6; } +.truncated .truncated_full_value .item-options dt { margin-top:0; } +.truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } +.truncated .show .item-options { top:-20px; left:50%; } +.col-left .truncated .show .item-options { left:30px; top:10px; } +.col-right .truncated .show .item-options { left:-240px; top:10px; } +/* ======================================================================================= */ + + +/* Checkout ============================================================================== */ +/********** < Common Checkout Styles */ +/* Shipping and Payment methods */ +.sp-methods { margin:0 0 8px; } +.sp-methods dt { margin:13px 0 5px; font-weight:bold; } +.sp-methods dd {} +.sp-methods dd li { margin:9px 0; } +.sp-methods label { font-weight:bold; color:#555; } +.sp-methods .price { font-weight:bold; } +.sp-methods .form-list { padding-left:20px; } +.sp-methods .form-list li { margin: 0 10px 8px 0; } +.sp-methods select.month { width:154px; margin-right:10px; } +.sp-methods select.year { width:96px; } +.sp-methods input.cvv { width:3em !important; } + +.sp-methods .checkmo-list li { margin:0 0 5px; } +.sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } +.sp-methods .checkmo-list address { float:left; } + +.sp-methods .centinel-logos a { margin-right:3px; } +.sp-methods .centinel-logos img { vertical-align:middle; } + +.sp-methods .release-amounts { margin:1.5em 0 2em; } +.sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } + +.please-wait { float:right; } +.please-wait img { vertical-align:middle; } +.cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } + +/* Tooltip */ +.tool-tip { border:2px solid #ddd; border-bottom-color:#666; background:#f6f6f6; padding:15px 20px; position:absolute; z-index:9999; } +.tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } +.tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:12px; height:12px; background:url(../images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } +.tool-tip .tool-tip-content { padding:5px; } + +/* Gift Messages */ +.gift-messages h3 { font-size:12px; font-weight:bold; color:#e87403; } +.gift-messages p.control { color:#8e8d8b; } +.gift-messages-form { position:relative; } +.gift-messages-form label { float:none !important; position:static !important; } +.gift-messages-form h4 { font-size:12px; font-weight:bold; color:#e87403; } +.gift-messages-form .whole-order { margin:0 0 25px; } +.gift-messages-form .item { margin:0 0 10px; } +.gift-messages-form .item .product-img-box { float:left; width:75px; } +.gift-messages-form .item .product-image { margin:0 0 7px; } +.gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; color:#8a8987; } +.gift-messages-form .item .details { margin-left:90px; } +.gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; } +.gift-messages-form .item .details .form-list .field { width:255px; } +.gift-messages-form .item .details .form-list .input-box { width:240px; } +.gift-messages-form .item .details .form-list input.input-text { width:234px; } +.gift-messages-form .item .details .form-list li.wide .input-box { width:500px; } +.gift-messages-form .item .details .form-list li.wide textarea { width:494px; } + +.gift-message-link { font-size:11px; background:url(../images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } +.gift-message-link.expanded { background-position:100% -40px; } +.gift-message-row { background:#f2efe9; } +.gift-message-row .btn-close { float:right; width:12px; height:12px; background:url(../images/btn_remove.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } + +/* Checkout Agreements */ +.checkout-agreements li { margin:30px 0; } +.checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background:#fbfbfb; border:1px solid #e4e4e4; } +.checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } +.checkout-agreements .agree input.checkbox { margin-right:6px; } +.checkout-agreements .agree label { font-weight:bold; color:#555; } + +.opc .checkout-agreements { padding:5px 30px; } +.opc .checkout-agreements li { margin:20px 0 0; } +.opc .checkout-agreements .agreement-content { background:#fff; padding:5px; } +.opc .checkout-agreements .agree { padding-left:6px; } + +/* Centinel */ +.centinel {} +.centinel .authentication { border:1px solid #ddd; background:#fff; } +.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } + +.opc .centinel { padding:10px 30px; } + +/* Generic Info Set */ +.info-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; } +.info-set h2 { font-size:12px; font-weight:bold; margin:0 0 10px; } +.info-set h3, +.info-set h4 { font-size:12px; font-weight:bold; } +.info-set h2 a, +.info-set h3 a, +.info-set h4 a { font-weight:normal; } +.info-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; } +.info-set h2.legend a { color:#fff; } +.info-set h3.legend { margin:0 0 10px; } +.info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } +.info-set .box { margin:0 0 15px; } +.info-set .box h2 { color:#e26703; } +.info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !important; } +.info-set .data-table .product-name a { font-weight:bold !important; } +.info-set .data-table .item-options { margin:5px 0 0; } +/********** Common Checkout Styles > */ + +/* One Page Checkout */ + +.checkout-onepage-index .col-main { float: left; padding-left: 10px;} +.checkout-onepage-index .col-left { float: right; margin-left; 20px; } + + +.block-progress { /*border:0; margin:0;*/ } +.block-progress .block-title {/* background:none; border:0; padding:0;*/ } +.block-progress .block-title strong { font-size:12px; } +.block-progress .block-content { /*background:none; padding:0;*/ } +.block-progress dt { font-size:14px; line-height:1.285714286; margin:9px 0; text-transform:uppercase; } +.block-progress dt:before { content: "// "; } + +.block-progress dd { border-top:0; padding:9px 10px; margin:9px 0; } +.block-progress dt.complete {} +.block-progress dt.complete a { text-transform:none; } +.block-progress dd.complete {} +.block-progress p { margin:9px 0; } +.block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:11px; line-height: 1.636363636; font-weight:bold; margin:9px 0; padding:0; text-transform:none; } +.block-progress .cards-list dd { border:0 none; margin:0; padding:0; } +.block-progress .cards-list .info-table th { font-weight:normal; } + +.opc .buttons-set { } +.opc .buttons-set p.required { margin:0; padding:0 10px 0; } +.opc .buttons-set.disabled button.button { display:none; } +.opc .buttons-set .please-wait { height:36px; line-height:36px; } +.opc .ul { list-style:disc outside; padding-left:18px; } + +.opc { position:relative; } +.opc li.section {} + +.opc .step-title { padding:9px 8px; text-align:right; border-bottom: 1px solid #ccc; } +.opc .step-title .number { float:left; padding:0 3px; margin:0 5px 0 0; font:normal 11px/1.63636363636 arial, helvetica, sans-serif; color:#444; position: relative; +top: 25px; } +.opc .step-title h2 { color: #999999; float: left; font-family: colaboratethinregular, helvetica, arial, sans-serif; font-size: 24px; letter-spacing: 0.1em; line-height: 1.5; margin: 0; text-transform: uppercase; margin-left: 20px;} +.opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; } + +.opc .allow .step-title { cursor:pointer; } +.opc .allow .step-title .number {} +.opc .allow .step-title h2 { } +.opc .allow .step-title a { display:block; margin-top: 12px; text-transform:uppercase; } + +.opc .active .step-title { padding-bottom:9px; color:inherit; cursor:default; border-bottom: 1px solid #000; } +.opc .active .step-title .number {} +.opc .active .step-title h2 { color: #000; } +.opc .active .step-title a { display:none; } + +.opc .step { padding:18px 0; position:relative; } +.opc .step .tool-tip { right:30px; } + +#checkout-step-login .col2-set .col-1 { float: right; } +#checkout-step-login .col2-set .col-2 { float: left; } + +#opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; } +#opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; } + +#opc-shipping_method .buttons-set { border-top:0; } +.opc .gift-messages-form { margin:0 -30px; background:#f4f4f4; border:1px solid #ddd; border-width:1px 0; padding:22px 24px 22px 30px; } +.opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; } + +#opc-review .step { padding:0; } +#opc-review .product-name { font-weight:bold; } +#opc-review .item-options { margin:5px 0 0; } +#opc-review .buttons-set { border:1px solid ##F2F2F2; padding:9px; } +#opc-review .buttons-set p { margin:9px 5px 0 0; line-height:28px; } +#opc-review .buttons-set .please-wait { height:28px; line-height:28px; } +#opc-review .authentication { margin:0 auto; width:570px; } +#opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } + +/* Multiple Addresses Checkout */ +.checkout-progress { padding:0 90px; margin:0 0 20px; } +.checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:6px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#888; } +.checkout-progress li.active { border-top-color:#e96200; color:#e96200; } + +.multiple-checkout h2 { font-size:12px; font-weight:bold; margin:0 0 10px; } +.multiple-checkout h3, +.multiple-checkout h4 { font-size:12px; font-weight:bold; } +.multiple-checkout h2 a, +.multiple-checkout h3 a, +.multiple-checkout h4 a { font-weight:normal; } +.multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !important; } +.multiple-checkout .data-table .product-name a { font-weight:bold !important; } +.multiple-checkout .data-table .item-options { margin:5px 0 0; } + +.multiple-checkout .gift-messages { margin:15px 0 0; } + +.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } + +.multiple-checkout .col2-set, +.multiple-checkout .col3-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; } +.multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; } +.multiple-checkout .col2-set h3.legend { margin:0 0 10px; } +.multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } +.multiple-checkout .box { margin:0 0 15px; } + +.multiple-checkout .place-order .please-wait { float:right; padding:5px 10px 0 0; } +.multiple-checkout .place-order .grand-total { float:right; } +.multiple-checkout .place-order .grand-total .inner {} +.multiple-checkout .place-order .grand-total big { float:left; margin-right:12px; font-size:1.5em; font-weight:bold; line-height:28px; color:#e26703; } +.multiple-checkout .place-order .grand-total div { float:left; } + +/* Step 1 */ +#multiship-addresses-table td { padding:10px; } +#multiship-addresses-table tfoot td { padding:5px 10px; } + +/* Step 2 */ +.multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } +.multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; } +.multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; } +.multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; } +.multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; } +.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; } +.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; } +.checkout-multishipping-shipping .box-sp-methods { border:1px solid #ddd; background:#eee; padding:13px; position:relative; } +.checkout-multishipping-shipping .box-sp-methods .pointer { display:none; } + +/* Step 3 */ +.checkout-multishipping-billing .multiple-checkout { position:relative; } +/* ======================================================================================= */ + + +/* Account Login/Create Pages ============================================================ */ +.account-login .content { min-height:200px; padding:0 10px; } +.account-login .content h2 { font-size: 13px; line-height: 1.385; } +.account-login .buttons-set {} + +.account-create {} +/* Account Login/Create Pages ============================================================ */ + + +/* Remember Me Popup ===================================================================== */ +.window-overlay { background:url(../images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } + +.remember-me label { float:none; margin:0 6px; } +.remember-me-popup { background:#fff; border:1px solid #888; border-bottom-color:#777; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #999; -webkit-box-shadow:0 0 6px #999; box-shadow:0 0 6px #999; z-index:1000; } +.remember-me-popup h3 { background:#dedede; border-bottom:1px solid #ccc; color:#444; font-size:14px; margin:0; padding:7px 10px 5px; } +.remember-me-popup .remember-me-popup-head { position:relative; } +.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:9px; right:7px; height:15px; width:15px; text-indent:-9999em; } +.remember-me-popup .remember-me-popup-body { border-top:1px solid #e6e6e6; padding:10px; } +.remember-me-popup .remember-me-popup-body a, +.remember-me-popup .remember-me-popup-body a span { display:inline-block; height:28px; background:transparent url(../images/bkg_btn.png) 0 0 no-repeat; padding:0 0 0 6px; font:bold 11px/25px Tahoma, Verdana, Arial, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#555; } +.remember-me-popup .remember-me-popup-body a span { background-position:100% 0; padding:0 15px 0 9px; } +/* Remember Me Popup ===================================================================== */ + + +/* My Account ============================================================================= */ +.my-account .title-buttons .link-rss { float:none; margin:0; } + +/********** < Dashboard */ +.dashboard .welcome-msg { margin:0 8em 1.5em 0; } +.dashboard .welcome-msg p { margin:9px 0; } +.dashboard .col2-set { margin:0 0 15px; } + +/* General Box */ +.box-account { margin:0 0 15px; } +.box-account .box-head { margin:0 0 5px; text-align:right; } +.box-account .box-head h2 { float:left; margin:0; font-size:14px; font-weight:bold; color:#4f8100; } +.box-account .box-head a { font-size:10px; text-transform:uppercase; } + +.dashboard .box .box-title { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; text-align:right; } +.dashboard .box .box-title h3, +.dashboard .box .box-title h4 { float:left; margin:0; font-size:12px; font-weight:bold; line-height:1.35; } +.dashboard .box .box-title a { font-size:10px; text-transform:uppercase; } +.dashboard .box .box-content { padding:0 10px; } + +/* Block: Recent Orders */ +.dashboard .box-recent {} + +/* Block: Account Information */ +.dashboard .box-info {} +.dashboard .box-info h4 { font-size:11px; font-weight:bold; } + +/* Block: Reviews */ +.dashboard .box-reviews .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; } +.dashboard .box-reviews .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; } +.dashboard .box-reviews .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } +.dashboard .box-reviews .details { padding:0 10px; } +.dashboard .box-reviews li.item { margin:0 0 7px; } +.dashboard .box-reviews li.item.last { margin:0; } +.dashboard .box-reviews .ratings { margin:7px 0 0; } + +/* Block: Tags */ +.dashboard .box-tags .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; } +.dashboard .box-tags .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; } +.dashboard .box-tags .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } +.dashboard .box-tags .details { padding:0 10px; } +.dashboard .box-tags li.item { margin:0 0 7px; } +.dashboard .box-tags li.item.last { margin:0; } +.dashboard .box-tags .tags strong, +.dashboard .box-tags .tags ul, +.dashboard .box-tags .tags ul li { display:inline; } +/********** Dashboard > */ + +/* Address Book */ +.addresses-list h2 { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; font-size:13px; font-weight:bold; line-height:1.25; } +.addresses-list h3 { font-weight:bold; font-size:12px; } +.addresses-list address { margin:0 0 3px; } +.addresses-list p { margin:9px 0; } +.addresses-list a { font-weight:bold; } +.addresses-list .link-remove {} +.addresses-list .separator { margin:0 3px; } +.addresses-list li.item { padding:0 10px; margin:0 0 12px; } +.addresses-list li.empty {} +.addresses-list li.empty p { font-weight:bold; } +.addresses-list .addresses-additional li.item {} + +/* Order View */ +.order-info dt { display:none; } +.order-info ul { margin-bottom:15px; border-bottom:1px solid #666; background:#f2f2f2 url(../images/bkg_tabs.gif) 0 100% repeat-x; } +.order-info li{ float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; } +.order-info li.first { border-left:0; } +.order-info li.last { border-right:0; } +.order-info li a { display:block; padding:6px 15px; color:#444; } +.order-info li a:hover { background-color:#ddd; text-decoration:none; color:#444; } +.order-info li.current { background-color:#666; font-weight:bold; padding:6px 15px; color:#fff; } + +.order-date { margin:10px 0; } + +.order-info-box { margin:0 0 15px; } +.order-info-box h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; } +.order-info-box .box-payment p { margin:9px 0; } +.order-info-box .box-payment th { font-weight:bold; padding-right:7px; } + +.order-items { width:100%; overflow-x:auto; } +.order-items h2, +.order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 .45em; } +.order-items h3 { font-size:12px; } +.order-items .product-name { font-weight:bold !important; } +.order-items .link-print { font-size:10px; text-transform:uppercase; } +.order-items .order-links { text-align:right; } +.order-items .order-links .link-print { font-weight:bold; font-size:11px; text-transform:none; } + +.order-additional { margin:15px 0; } +/* Order Gift Message */ +.gift-message dt strong { color:#555; } +.gift-message dd { font-size:13px; margin:5px 0 0; } +/* Order Comments */ +.order-about dt { font-weight:bold; } +.order-about dd { font-size:13px; margin:0 0 7px; } + +.tracking-table { margin:0 0 15px; } +.tracking-table th { font-weight:bold; white-space:nowrap; } + +.tracking-table-popup { width:100%; } +.tracking-table-popup th { font-weight:bold; white-space:nowrap; } +.tracking-table-popup th, +.tracking-table-popup td { padding:1px 8px; } + +/* Order Print Pages */ +.page-print .print-head { margin:0 0 15px; } +.page-print .print-head .logo { float:left; } +.page-print .print-head address { float:left; margin-left:15px; } +.page-print h1 { font-size:15px; font-weight:bold; font-family: colaborateregular, helvetica, arial, sans-serif; } +.page-print h2, +.page-print h3 { font-size:12px; font-weight:bold; } +.page-print h2.h2 { font-size:15px; font-weight:bold; text-align:right; } +.page-print .order-date { border-bottom:1px solid #ccc; padding:0 0 10px; margin:0 0 10px; } +.page-print .col2-set { margin:0 0 10px; } +/* Price Rewrites */ +.page-print .gift-message-link { display:none; } +.page-print .price-excl-tax, +.page-print .price-incl-tax { display:block; white-space:nowrap; } +.page-print .cart-price, +.page-print .price-excl-tax .label, +.page-print .price-incl-tax .label, +.page-print .price-excl-tax .price, +.page-print .price-incl-tax .price { display:inline; } + +/* My Wishlist */ +.my-wishlist .data-table td { padding:10px; } +.my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; } +.my-wishlist textarea { display:block; width:90%; height:109px; } +.my-wishlist .buttons-set { border:1px solid ##F2F2F2; padding:9px; margin:18px 0; box-shadow: 0 0 7px 5px #F2F2F2 inset; width: 90%; float: left; } +.my-wishlist .buttons-set button.button { float:none; } +.my-wishlist .buttons-set .btn-add span, +.my-wishlist .buttons-set .btn-share span {} +#wishlist-table .add-to-links { white-space:nowrap; } + +/* My Tags */ +.my-tag-edit { float:left; margin:0 0 10px; } +.my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } +#my-tags-table { clear:both; } +#my-tags-table td { padding:10px; } +#my-tags-table .add-to-links { white-space:nowrap; } + +/* My Reviews */ +#my-reviews-table td { padding:10px; } +#my-reviews-table .rating-box { margin:3px 0 0; } + +.product-review .product-img-box { float:left; width:140px; } +.product-review .product-img-box .product-image { display:block; width:125px; height:125px; } +.product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } +.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } +.product-review .product-details { margin-left:150px; } +.product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } +.product-review h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; } +.product-review .ratings-table { margin:0 0 10px; } +.product-review dt { font-weight:bold; } +.product-review dd { font-size:13px; margin:5px 0 0; } + +/* Billing Agreements */ +.billing-agreements .info-box{ margin:15px 0; } +.billing-agreements .info-box p { margin:9px 0; } +.billing-agreements .form-list li select { float:left; margin:3px 10px 0 0; } +.billing-agreements .table-caption { font-weight:bold; font-size:13px; } +/* ======================================================================================= */ + + +/* MAP Popup============================================================================== */ +.cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; padding:40px 0 10px; text-align:right; text-transform:uppercase;} +.map-cart-sidebar-total { background:#f6f6f6; color:red; display:block; font-size:10px; line-height:14px; font-weight:bold; padding:5px; text-shadow:0 1px 0 #fff; box-shadow:0 0 3px #ccc; border-radius:5px; } + +.map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } +.map-popup-heading { background:#efefef ; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } +.map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } +.map-popup-arrow { background:url(../images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } +.map-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:9px; right:10px; height:15px; width:15px; text-indent:-9999em; } +.map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } +.map-popup-checkout { display:inline; float:right; text-align:right; } +.map-popup-checkout span { display:block; padding-right:30px; } +.map-popup-checkout .paypal-logo { margin:0 0 5px; } +.map-popup-price .price-box, +.map-popup-price .price-box .special-price { margin:0; padding:0; } +.map-popup-price { margin:5px 0 0; } +.map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } +.map-popup-only-text { border-top:1px solid #ddd; } +/* ======================================================================================= */ + + +/* Footer ================================================================================ */ +.footer-container { bottom: 0; position: absolute; width: 100%;} +.footer ul.cards{display:none;} +.footer ul.links { + clear: both; + float: none; + list-style-type: none; + background:#000; + padding:10px; + /*border-radius:10px 10px 0 0; + -moz-border-radius:10px 10px 0 0; + -webkit-border-radius:10px 10px 0 0;*/ + display:inline-block; + width:98%; +} +.footer ul.links li { + float: left; + padding:10px 5px; +} +.footer {} +.footer a { color:#444; } +.footer strong { color:#444; text-transform: uppercase; letter-spacing: 0.1em; } + +.footer-right { float: right; width: 520px; } +.footer-left { float: left; margin-right: 20px; padding-right: 60px; width: 340px;} + +.footer .newsletter-footer {} +.footer .social { float: left; padding-bottom: 18px; } +.footer .social li { display: inline; margin-right: 20px; } + +.footer .help, .footer .search, .footer .store-options { float: left; width: 160px; margin-right: 20px; } +.footer .store-options { } +.footer .help { } +.footer .search { margin-right: 0; } + +.footer ul {} +.footer li {list-style-position:inside;color:#b1b1b1;} +.footer .links li.last { } +.footer .bugs { margin:0; color:#666; } +.footer .bugs a { font-weight:bold; color:#444; } +.footer address { clear: both; color:#b1b1b1; padding:10px; text-align:right; margin-bottom: 2px;font-size: 10px;} +.footer address a { color:#444; } +.store-switcher {float:right;display:inline-block;margin-top:-42px;position:relative;margin-right:10px;} +.footer .form-subscribe-header { text-transform: capitalize; margin: 9px 0; } +.footer .form-subscribe { margin-bottom: 18px;} +.footer .form-subscribe label, +.footer .form-subscribe .input-box, +.footer .form-subscribe button.button { float:left; } +.footer .form-subscribe label { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } +.footer .form-subscribe .input-box { } +.footer .form-subscribe input.input-text { width:196px; background: #f7f7f7; border-top: 1px solid #cbcaca; } +.footer .form-subscribe button.button { width: 120px; } + +.footer .footer-callout { } + +.footer .show-on-phones { } +.footer .store-options{ color:#555; } +.footer .store-options label { font-weight:bold; display: block; } +.footer .store-options select { padding:0; vertical-align:middle; } + +.footer-container .bottom-container { margin:0 0 8px; text-align:right; } +/* ======================================================================================= */ + +/* Sample Data============================================================================ */ +.home-callout { margin-bottom:12px; } +.home-callout img { display:block } +/*.home-spot { float:left; width:470px; margin-left:20px; }*/ +.best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } +.best-selling table { border-top:1px solid #ccc; } +.best-selling tr.odd { background:#eee url(../images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } +.best-selling tr.even { background:#fff url(../images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } +.best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } +.best-selling .product-img { float:left; border:2px solid #dcdcdc; } +.best-selling .product-description { margin-left:107px; line-height:1.3em; } +.best-selling a.product-name, +.home-spot .best-selling a.product-name:hover { color:#203548; } +/* ======================================================================================= */ + + +/* + * jQuery FlexSlider v1.4 + * http://flex.madebymufffin.com + * + * Copyright 2011, Tyler Smith + * Free to use under the MIT license. + * http://www.opensource.org/licenses/mit-license.php + */ + +/* FlexSlider Necessary Styles +*********************************/ +.flexslider {width: 100%; margin: 0; padding: 0 0 3px;} +.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ +.flexslider .slides img {max-width: 100%; display: block;} + + +/* FlexSlider Default Theme +*********************************/ +.flexslider {background: #fff ; position: relative; } +.flexslider .slides li {position: relative;} +/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ +.flexslider-container {position: relative;margin-bottom:20px;} + + +/* Caption style */ +.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: url("../images/trans-03-16px.png") repeat; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px;display:none;} + +/* Direction Nav */ +.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../images/slider/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */ +.flex-direction-nav li a.next {background-position: -52px 0; right: -21px;} +.flex-direction-nav li a.prev {background-position: 0 0; left: -21px;} + +/* Control Nav */ +.flex-control-nav { position: absolute; bottom: 20px; right:5%;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */ +.flex-control-nav li {margin: 0 0 0 5px; float: left;} +.flex-control-nav li:first-child {margin: 0;} +.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../images/slider/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;} +.flex-control-nav li a:hover {background-position: 0 -13px;} +.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} + + +.header .top-promo1 { + background: url("../images/bkg_top-promo1.gif") repeat scroll 0 0 transparent; + float: right; + height: 44px; + margin: 0 0 0; + overflow: hidden; + width: 183px; +} +.header .top-promo { + background: url("../images/bkg_top-promo.png") repeat scroll 0 0 transparent; + float: right; + height: 44px; + margin: 0 5px 0; + overflow: hidden; + width: 203px; +} +.header .logo { + /*float: left;*/ + margin-top: 15px; + text-decoration: none !important; +} +.clear { + clear:both; + height:0; +} +/* Clears ================================================================================ */ +.clearer:after, +.header-container:after, +.header-container .top-container:after, +.header:after, +.top-bar:after, +.quick-access:after, +.form-search:after, +#nav:after, +.main:after, +.footer:after, +.footer .form-subscribe:after, +.footer-container .bottom-container:after, +.col-main:after, +.col2-set:after, +.col3-set:after, +.col4-set:after, +.search-autocomplete li:after, +.block .block-content:after, +.block .actions:after, +.block li.item:after, +.block-poll li:after, +.block-layered-nav .currently li:after, +.page-title:after, +.products-grid:after, +.products-list li.item:after, +.box-account .box-head:after, +.dashboard .box .box-title:after, +.order-info ul:after, +.box-reviews li.item:after, +.box-tags li.item:after, +.pager:after, +.sorter:after, +.ratings:after, +.add-to-box:after, +.add-to-cart:after, +.product-essential:after, +.product-collateral:after, +.product-tabs:after, +.product-view .product-img-box .more-views ul:after, +.product-view .box-tags .form-add:after, +.product-view .product-shop .short-description:after, +.product-view .box-description:after, +.product-options .options-list li:after, +.product-options-bottom:after, +.product-review:after, +.cart:after, +.cart-collaterals:after, +.cart .crosssell li.item:after, +.opc .step-title:after, +.checkout-progress:after, +.multiple-checkout .place-order:after, +.group-select li:after, +.form-list li:after, +.form-list .field:after, +.buttons-set:after, +.page-print .print-head:after, +.advanced-search-summary:after, +.gift-messages-form .item:after, +.send-friend .form-list li p:after, +#checkout-step-login .col2-set .col-1:after, +#checkout-step-login .col2-set .col-2:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } +/* ======================================================================================= */ +.cellitem .product-image { + float:left; + height: 113px; + margin:0 10px 5px 0; + width: 113px; +} +.cellitem {border-bottom:1px solid #ccc;display:inline-block;padding-bottom:10px;margin-bottom:10px;} +.product-name {display:;} +.cellitem .cart-cell {float:left;width:150px;} +.cellitem .productdetailscell {float:left;width:350px;margin-right:10px;} +.deletecell {float:left;} +.headingcell {display:none;} +.store-switcher label {color:#fff;} +/* Tablet Layout: 768px. + Gutters: 20px. + Outer margins: 20px. + Inherits styles from: Default Layout. +------------------------------------------------------------------------------- +cols 1 2 3 4 5 6 7 8 9 10 11 12 +px 40 100 160 220 280 340 400 460 520 580 640 700 */ + +@media only screen and (min-width: 768px) and (max-width: 959px) { + + .page { + position: absolute; margin: 0 auto; background: #F9F9F9; min-height: 100%; min-width: 100%; padding-bottom: 100px; + } + .row { margin:0 auto; width:740px;padding:0 14px 0 14px; overflow:hidden; } + .row .row { margin:0 -14px 0 -14px; width:auto; display:inline-block; } + + .grid_1 { width:36px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + .grid_2 { width:100px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + .grid_3 { width:185px; margin:0 0; overflow:hidden; float:left; display:inline; } + .grid_4 { width:200px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + .grid_5 { width:292px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + .grid_6 { width:356px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + .grid_7 { width:420px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + .grid_8 { width:484px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + .grid_9 { width:548px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + .grid_10 { width:612px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + .grid_11 { width:676px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + .grid_12 { width:740px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; } + + .space_1 { margin-left:78px; } + .space_2 { margin-left:142px; } + .space_3 { margin-left:206px; } + .space_4 { margin-left:270px; } + .space_5 { margin-left:334px; } + .space_6 { margin-left:398px; } + .space_7 { margin-left:462px; } + .space_8 { margin-left:526px; } + .space_9 { margin-left:590px; } + .space_10 { margin-left:654px; } + .space_11 { margin-left:718px; } + .checkout-onepage-index .sidebar {display:none;} + .col2-left-layout .col-main { width: 545px; } + .col2-left-layout .col-left { width: 160px; float: left; } + .checkout-onepage-index .col2-left-layout .col-left { width: 160px; float: left; margin-left: 20px; } + .col2-right-layout .col-main { width: 520px; } + .col2-right-layout .col-right { float: right; width: 160px; } + .show-on-phones{ +display: inline-block; + float: left; + margin: 0 10px 0 0 !important; } + .pro_topadst {min-height:275px;} + .add-to-links .separator {display:none;} + .add-to-links li {margin:9px 0 0 0;} + .products-grid li.item { } + .sorter .view-mode { display: visible; float: left; margin: 0; } + + .cart div.discount, .cart div.shipping { width: 220px; } + .cart .totals { width: 220px;} + .cart .crosssell li.item { width: 335px; } + + .col1-layout .product-view .product-img-box { width: 340px; } + .col1-layout .product-view .product-shop { width: 340px; } + + .product-view .product-shop .add-to-links li { display: block; } + + .cms-home ul.product-tabs { clear: both; } + .cms-home .home-tabs .tabs-title strong { font-size: 26px; line-height: 1.38415385; float: none; } + .cms-home .product-tabs li { float: none; border-right: none; border-bottom: 1px solid #ccc; } + .cms-home .product-tabs li.first a { border: 0; border-radius: 0; } + .cms-home .product-tabs li.last a { border: 1px 0; } + .cms-home .product-tabs a { border-width: 1px 0; } + .cms-home .product-tabs li.active a { border: 1px 0; border-radius: 0; color: #fff; background: #444; text-align: left; } + + .col2-left-layout .product-tabs li, .col2-right-layout .product-tabs li { float: none; border-right: none; border-bottom: 1px solid #ccc; } + .col2-left-layout .product-tabs li.first a, .col2-right-layout .product-tabs li.first a, { border: 0; border-radius: 0; } + .col2-left-layout .product-tabs li.last a, .col2-right-layout .product-tabs li.last a { border: 1px 0; } + .col2-left-layout .product-tabs a, .col2-right-layout .product-tabs a { border-width: 1px 0; } + .col2-left-layout .product-tabs li.active a, .col2-left-layout .product-tabs li.active a:hover, .col2-right-layout .product-tabs li.active a, + .col2-right-layout .product-tabs li.active a:hover { border: 1px 0; border-radius: 0; color: #fff; background: #444; } + + + .block-progress dt { font-size: 10px; line-height: 1.8; } + + .footer-left { width: 220px; padding: 0; } + .footer-right { width: 400px; } + .footer .help, .footer .search, .footer .store-options { width: 120px;} + .footer .form-subscribe input.input-text { width: 100%; } + .footer .form-subscribe label, .footer .form-subscribe .input-box, .footer .form-subscribe button.button { float: none; display: block; } + .footer .form-subscribe button.button { margin-top: 9px; color: #fff; } + .form-language {float:none !important;position:relative;top:10px;} + .products-grid li.item {width:140px} + .cart .discount .discount-form, .cart .shipping .shipping-form {width:210px;} + .cart .totals { width:235px !important;} + .col3-layout .grid_6 {width: 320px;} + +} + + + +/* Mobile Layout: 320px. + Gutters: 20px. + Outer margins: 20px. + Inherits styles from: Default Layout. +------------------------------------------------------------------------------- +cols 1 2 3 4 5 +px 40 100 160 220 280 */ + +@media only screen and (max-width: 767px) { + + .page { background:#fff; + + } + .row { margin:0 auto; width:300px; overflow:hidden; } + .row .row { margin:0; width:auto; display:inline-block; } + + + .col3-layout .grid_1, + .col3-layout .grid_2, + .col3-layout .grid_3, + .col3-layout .grid_4, + .col3-layout .grid_5, + .col3-layout .grid_6, + .col3-layout .grid_7, + .col3-layout .grid_8, + .col3-layout .grid_9, + .col3-layout .grid_10, + .col3-layout .grid_11, + .col3-layout .grid_12 { width:280px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; } + + + .grid_1, + .grid_2, + .grid_3, + .grid_4, + .grid_5, + .grid_6, + .grid_7, + .grid_8, + .grid_9, + .grid_10, + .grid_11, + .grid_12 { width:300px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; } + + .space_1, + .space_2, + .space_3, + .space_4, + .space_5, + .space_6, + .space_7, + .space_8, + .space_9, + .space_10, + .space_11, { margin-left:0; } + .col2-left-layout .col-left, .col2-left-layout .col-main { float: none !important; width: 100% !important; } + .col2-right-layout .col-right, .col2-right-layout .col-main { float: none !important; width: 100% !important; margin-left: 0; } + .col1-layout .col-main { float: none !important; width: 100% !important; } + .form-search {float:left;} + .top-promo1, .top-promo { } + .quick-access {float:left;} + .header .logo {float:none;margin-bottom:20px;display:inline-block;} + ul.products-grid {text-align:center;} + .products-grid li.item {margin-left:0;} + .ratings {width:150px;float:left;} + .add-to-links {display:inline-block;text-align:center;} + .sorter .sort-by {float:none;} + .top-bar .breadcrumbs {padding:0;} + .cart-table .a-center, .cart-table .a-right {display:none;} + .a-center.removeitem {display:block !important} + .checkout-progress {padding:0;} + .checkout-progress li {float:none;width:100%;} + #checkout-review-submit .button {margin-top:27px;margin-left:20px;} + .form-language label, .store-switcher label {display:none;} + .header .top-promo1 {float:left;} + /* form elements */ + + .form-list, .input-box select { width:96%; } + .form-list li, .form-list li .field { width:100%; margin-right:0; } + .form-list li .field + .field { margin-top:10px; } + .form-list li.street-address .input-box input.input-text { width:92%; } + .form-list li.select-address { width:100%; } + + .form-guest { width: 100%; } + + .buttons-set button { float:none; } + .buttons-set a { display:block; } + .cellitem .productdetailscell {width:280px;} + .my-wishlist .buttons-set button.button {margin-bottom:15px;} + #multiship-addresses-table select {width:75px;} + + /********************/ + + + .col2-set .col-2, .col2-set .col-1 { float: none !important; width: 100% !important;} + + .header { margin: 0; } + + .quick-access .show-on-phones { } + .quick-access { margin: 0; } + .quick-access .links, .quick-access .links li { float: none; margin: 0 2px;} + .quick-access .links { padding: 9px 0; display: inline-block; text-align: center; width: 100%; padding:0;} + .quick-access .links li { } + .quick-access .links a { } + .quick-access .links li.last a { } + + + .form-search { display: inline-block; position: static; margin: 18px 0; } + + .nav-container { height: auto; margin: 0; } + #nav ul ul, #nav ul div { display: none; } + + .products-grid li.item { width: 240px; } + .sorter .view-mode { display: none; float: left; margin: 0; } + .product-view .product-shop { clear: both; width: 100%; } + + .block { border: 1px solid #ccc;} + + .sorter .sort-by, .sorter .limiter { margin: 3px 0; } + .sorter .sort-by { } + .pager .pages { } + .pager .limiter { display: none; float: right; } + + .col1-layout .product-view .product-img-box { width: 240px; margin:0 7%;} + .col1-layout .product-view .product-shop { clear: both; float: left; width: 100%; } + .products-list .product-shop { margin-left: 0; } + .product-view .product-shop { clear: both; margin-top: 20px; float: none; } + .product-view .box-tags .form-add .input-box { width: 100%; } + + .cart-table .btn-continue { float: left; margin-bottom: 18px; } + .cart-table .btn-update { float: right; } + .cart div.discount, .cart div.shipping { float: none; } + .cart .totals { width: 100%; clear: both; } + + .opc .step-title h2 { font-size: 12px; font-family: Tahoma, Helvetica, Arial, sans-serif; } + .opc .step-title .number { top: 18px; } + .checkout-onepage-index .col-left { display: none; } + .checkout-onepage-index .col2-set .col-1 { float: none; width: 100%; } + .checkout-onepage-index .col2-set .col-2 { float: none; width: 100%; margin-top: 20px; } + .opc .step { border: none; padding: 15px 0; } + + + .product-view .product-shop .add-to-links li { display: block; } + + + .cms-home ul.product-tabs { clear: both; } + .cms-home .home-tabs .tabs-title strong { font-size: 26px; line-height: 1.38415385; float: none; } + + .products-grid li.item { position: relative; width: 240px; } + + .add-to-cart label { margin-right: 0; } + .add-to-cart button.button { } + + .product-tabs li { float: none; border-right: none; border-bottom: 1px solid #ccc; } + .product-tabs li.first a { border: 0; border-radius: 0; } + .product-tabs li.last a { border: 1px 0; } + .product-tabs a { border-width: 1px 0; } + .product-tabs li.active a, .product-tabs li.active a:hover { border: 1px 0; border-radius: 0; color: #fff; background: #444; } + + .product-options ul.options-list li { border: 1px solid #CCCCCC; margin: 9px 0; padding: 8px 5px; text-align: center; } + .product-options ul.options-list .label { margin-left: 0; } + + .flex-direction-nav li a { display: none; } + + .footer-left, .footer-right { float: none; width: 100%; } + .footer-right { clear: both; } + .footer .show-on-phones { display: block; } + .footer .help, .footer .search, .footer .store-switch { width: 150px;} + .footer .form-subscribe input.input-text { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } + .footer .form-subscribe label, .footer .form-subscribe .input-box, .footer .form-subscribe button.button { float: none; display: block; } + .footer .form-subscribe button.button { margin-top: 9px; text-shadow: 1px 1px #444; } + + .page-sitemap .links { margin: 18px 0; text-align: left; } + .nav-container {background:none;} + +} + + + +/* Wide Mobile Layout: 480px. + Gutters: 20px. + Outer margins: 20px. + Inherits styles from: Default Layout, Mobile Layout. +------------------------------------------------------------------------------- +cols 1 2 3 4 5 6 +px 40 100 160 220 280 340 */ + +@media only screen and (min-width: 480px) and (max-width: 767px) { + + .page{ background:#fff; + + } + .row { margin:0 auto; width:456px; overflow:hidden; } + .row .row { margin:0; width:auto; display:inline-block; } + + .col3-layout .grid_1, + .col3-layout .grid_2, + .col3-layout .grid_3, + .col3-layout .grid_4, + .col3-layout .grid_5, + .col3-layout .grid_6, + .col3-layout .grid_7, + .col3-layout .grid_8, + .col3-layout .grid_9, + .col3-layout .grid_10, + .col3-layout .grid_11, + .col3-layout .grid_12 { width:436px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; } + + .grid_1, + .grid_2, + .grid_3, + .grid_4, + .grid_5, + .grid_6, + .grid_7, + .grid_8, + .grid_9, + .grid_10, + .grid_11, + .grid_12 { width:456px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; } + /* form elements */ + .f-gray .grid_3 {width:228px;} + .input-box select { width:97%; } + .form-list li.wide { width:100%; } + + .buttons-set button { float:left; } + .buttons-set a { display:inline; } + + /************/ + .form-search input.input-text {width:350px;} + .sorter .sort-by, .sorter .limiter { float: right; } + + .products-grid li.item { position: relative; width: 157px; } + + .sorter .view-mode { display: visible; float: left; margin: 0; } + + .col1-layout .product-view .product-img-box { width: 340px; margin:0 10%;} + + .products-list .product-shop { margin-left: 185px; } + + .add-to-cart button.button { float: none;} + + .product-tabs a { border-style: none; } + .nav-container {background:none;} + .products-grid li.item {margin:10px;} + .add-to-links li a {font-size:10px;} +} + +/********* END MEDIA QUERIES ************************************/ + +/******************** IE FIXES ************************************************/ + +/* IE 6 only */ +.lt-ie7 .validation-advice { height:13px; } +.lt-ie7 .main { height:350px; } +.lt-ie7 .account-login .content { height:200px; } +.lt-ie7 .block li.item, +.lt-ie7 .block-poll li, +.lt-ie7 .opc li.section { vertical-align:top; } + +.lt-ie7 button.button span { background-image:url(../images/bkg_btn.gif); } +.lt-ie7 .form-search button.button span, +.lt-ie7 .block button.button span, +.lt-ie7 .product-view .box-tags .form-add button.button span, +.lt-ie7 .footer .form-subscribe button.button span { background-image:url(../images/bkg_btn-small.gif); } +.lt-ie7 .window-overlay { background:#ccc; filter:alpha(opacity=50); } + +/* Doubled Margin Fixes */ +.lt-ie8 .product-view .product-img-box .more-views li, +.lt-ie8 .product-view .box-tags .form-add .input-box, +.lt-ie8 .sp-methods select.month, +.lt-ie8 .footer .form-subscribe .input-box { display:inline; } + +/* Forms */ +.lt-ie9 .input-box input.input-text { line-height: 34px; } +.lt-ie8 .button { padding: 7px 10px 7px; } +.lt-ie8 .footer .form-subscribe button.button { position: relative; top: 1px; } + +.input-box input.input-text + +/********** < Navigation styles */ +.lt-ie8 .header, .lt-ie8 .nav-container { z-index: 1; } +.lt-ie8 #nav ul, .lt-ie8 #nav div { z-index: 1000; } +.lt-ie8 #nav li a { zoom:1; } +.lt-ie8 #nav li { vertical-align:top; } +/********** < Navigation styles */ + + +.lt-ie8 .remember-me-popup .remember-me-popup-body a span, .lt-ie8 .truncated a.details, .lt-ie8 .cart .crosssell li.item, .lt-ie8 .product-options dd .time-picker, .lt-ie8 #nav, .lt-ie8 .form-list li.fields, .lt-ie8 .form-list li.wide, .lt-ie8 .form-list li , .lt-ie8 .form-search, .lt-ie8 .cart .crosssell li.item, .lt-ie8 #nav, .lt-ie8 .products-grid li.item, .lt-ie8 .mini-products-grid td { display: inline-block; zoom: 1; *display: inline; } + +.lt-ie8 table { scrollbar-face-color:expression(runtimeStyle.scrollbarFaceColor = '#fff', cellSpacing = 0); } + +.lt-ie8 .product-view .product-img-box .zoom.disabled { filter:alpha(opacity=30); } + +.lt-ie8 .gift-messages-form { position:relative; zoom:1; } + +.lt-ie8 .tool-tip .btn-close a { margin:0; } + +.lt-ie8 .product-view .box-tags .product-tags li { padding:0 4px 0 7px; } +.lt-ie8 .footer li { padding-right:2px; margin-right:6px; } + +.lt-ie8 .product-options dd .time-picker select { margin:0; padding:0; position:relative; top:-1px; } + +/* Clearer */ +.lt-ie8 .clearer { display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } + +/* Clears and hasLayout fixes */ +.lt-ie8 .header-container, +.lt-ie8 .header-container .top-container, +.lt-ie8 .header, +.lt-ie8 .top-bar, +.lt-ie8 .quick-access, +.lt-ie8 .form-search, +.lt-ie8 #nav, +.lt-ie8 .main, +.lt-ie8 .footer, +.lt-ie8 .footer .form-subscribe, +.lt-ie8 .footer-container .bottom-container, +.lt-ie8 .col-main, +.lt-ie8 .col2-set, +.lt-ie8 .col3-set, +.lt-ie8 .col4-set, +.lt-ie8 .messages li, +.lt-ie8 .search-autocomplete li, +.lt-ie8 .block, +.lt-ie8 .block .block-content, +.lt-ie8 .block .actions, +.lt-ie8 .block li.item, +.lt-ie8 .block-poll li, +.lt-ie8 .block-poll .label, +.lt-ie8 .block-layered-nav .currently li, +.lt-ie8 .block-account .block-content li a, +.lt-ie8 .mini-products-list .product-details, +.lt-ie8 .page-title, +.lt-ie8 .rss-title h1, +.lt-ie8 .products-grid, +.lt-ie8 .products-list li.item, +.lt-ie8 .box-account .box-head, +.lt-ie8 .dashboard .box .box-title, +.lt-ie8 .order-info ul, +.lt-ie8 .box-reviews li.item, +.lt-ie8 .box-tags li.item, +.lt-ie8 .pager, +.lt-ie8 .sorter, +.lt-ie8 .ratings, +.lt-ie8 .add-to-box, +.lt-ie8 .add-to-cart, +.lt-ie8 .product-essential, +.lt-ie8 .product-collateral, +.lt-ie8 .product-tabs, +.lt-ie8 .product-view .product-img-box .more-views ul, +.lt-ie8 .product-view .box-tags .form-add, +.lt-ie8 .product-view .product-shop .short-description, +.lt-ie8 .product-view .box-description, +.lt-ie8 .product-options .options-list li, +.lt-ie8 .product-options, +.lt-ie8 .product-options-bottom, +.lt-ie8 .truncated, +.lt-ie8 .truncated .truncated_full_value, +.lt-ie8 .product-review, +.lt-ie8 .cart, +.lt-ie8 .cart-collaterals, +.lt-ie8 .cart .crosssell li.item, +.lt-ie8 .cart .discount, +.lt-ie8 .cart .discount .discount-form, +.lt-ie8 .cart .shipping .shipping-form, +.lt-ie8 .opc .step-title, +.lt-ie8 .opc .step, +.lt-ie8 .multiple-checkout, +.lt-ie8 .sp-methods, +.lt-ie8 .checkout-progress, +.lt-ie8 .multiple-checkout .place-order, +.lt-ie8 .form-list li, +.lt-ie8 .form-list .field, +.lt-ie8 .form-list .input-box, +.lt-ie8 .group-select li, +.lt-ie8 .buttons-set, +.lt-ie8 .page-print .print-head, +.lt-ie8 .cart-tax-total, +.lt-ie8 .advanced-search-summary, +.lt-ie8 .advanced-search-summary p, +.lt-ie8 .gift-messages-form .item, +.lt-ie8 .send-friend .form-list li p, +.lt-ie8 .centinel .authentication { zoom:1; } + +/* Hover Fix */ +.lt-ie8 iframe.hover-fix { position:absolute; left:-1px; top:-1px; z-index:-1; background:transparent; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); } + +/***** End IE Fix ******************************/ + + +/* ==|== print styles ======================================================= +Print styles. +Inlined to avoid required HTTP connection: h5bp.com/r +========================================================================== */ + +@media print { + * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; } /* Black prints faster: h5bp.com/s */ + a, a:visited { text-decoration: underline; } + a[href]:after { content: " (" attr(href) ")"; } + abbr[title]:after { content: " (" attr(title) ")"; } + .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ + pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } + thead { display: table-header-group; } /* h5bp.com/t */ + tr, img { page-break-inside: avoid; } + img { max-width: 100% !important; } + @page { margin: 0.5cm; } + p, h2, h3 { orphans: 3; widows: 3; } + h2, h3 { page-break-after: avoid; } + + /** Print styles from Modern Theme *******/ + + /* * { background:none !important; text-align:left !important; } */ + html { margin:0 !important; padding:0 !important; } + body { background:#fff !important; font-size:9pt !important; padding:0 !important; margin:10px !important; } + a { color:#2976c9 !important; } + th,td { color:#2f2f2f !important; border-color:#ccc !important; } + + .header-container, + .nav-container, + .footer-container, + .pager, + .toolbar, + .actions, + .buttons-set { display:none !important; } + + .page-print .data-table .cart-tax-total { background-position:100% -54px; } + .page-print .data-table .cart-tax-info { display:block !important; } +} diff --git a/app/css/thumbnail-list.css b/app/css/thumbnail-list.css new file mode 100644 index 0000000..57e6bb2 --- /dev/null +++ b/app/css/thumbnail-list.css @@ -0,0 +1,121 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : Nov 18, 2013, 5:34:35 PM + Author : zahid +*/ + +/* Fade Animations */ + +.thumbnail-show, +.thumbnail-hide{ + -webkit-transition:all linear 2s; + -moz-transition:all linear 2s; + -o-transition:all linear 2s; + -ms-transition:all linear 2s; + transition:all linear 2s; +} + + +.thumbnail-show { height: 0; } /* starting animations for enter */ +.thumbnail-show-active { height: 60px; } /* terminal animations for enter */ +.thumbnail-hide { height: 60px;} /* starting animations for leave */ +.thumbnail-hide-active { height: 0px; } /* terminal animations for leave */ + +.st_wrapper{ + /* display:none;*/ + /*position: absolute;*/ + width:100%; + overflow: hidden; + top:50px; + left:0px; + height: 60px; + max-height: 60px; +} + +.st_thumbs_title { + background-color: black; + opacity: 1.0; + width: 100%; +} + +.st_thumbs_title span{ + margin-left: 15px; + background: #000; + color: #BAB7B0; + text-transform: uppercase; + text-align: left; + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; +} + +.st_thumbs{ + margin: 0; + float: left; +} + +.st_thumbs a { + float: left; + margin:3px; +} + +.st_thumbs img{ + border:none; + opacity:0.5; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); +} + +.st_thumbs img:hover{ + border:none; + opacity:1; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); +} + +.st_thumbs_active{ + + margin: 0; + float: left; +} + +.st_thumbs_active img{ + border:none; + opacity:1; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); +} + +.album { + opacity: 0.7; + position: relative; + background-color: lightgrey; + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); +} + +.nav_left, .nav_right { + position: absolute; + top: 0; + height: 100%; + text-decoration: none; + color: #fff; + line-height: 100%; + z-index: 110; +} + +.nav_left { + background: url('../img/thumb-back.png') no-repeat center; + left:0; +} + +.nav_left .st-thumb-nav-bg, .nav_right .st-thumb-nav-bg{ + background: #000; + width: 30px; + height: 100%; + opacity: 0.5; + display: block; +} + +.nav_right { + background: url('../img/thumb-forward.png') no-repeat center; + right: 0; +} \ No newline at end of file diff --git a/app/env/dev.js b/app/env/dev.js new file mode 100644 index 0000000..0e55fe3 --- /dev/null +++ b/app/env/dev.js @@ -0,0 +1,16 @@ +angular.module('st.app').constant('APP_CONFIG',{ + baseUrl: '//www.mayameirav.com/', + defaultCategory: {id: 38, slug: 'collection', name: 'Collection'}, + magentoApiRest: '//www.mayameirav.com/magento/api/rest/', + prevNextLimit: 25, + productBasicDataLimit: 50, + dataProvider: '', + noBlock: 0, + block:'block', + cmsPage:'cmsPage', + category:'category' +}); + +angular.module('st.app').config(['$logProvider', function($logProvider){ + $logProvider.debugEnabled(false); +}]); \ No newline at end of file diff --git a/app/favicon.ico b/app/favicon.ico new file mode 100644 index 0000000..5ff3fd6 Binary files /dev/null and b/app/favicon.ico differ diff --git a/app/fonts/glyphicons-halflings-regular.eot b/app/fonts/glyphicons-halflings-regular.eot new file mode 100644 index 0000000..87eaa43 Binary files /dev/null and b/app/fonts/glyphicons-halflings-regular.eot differ diff --git a/app/fonts/glyphicons-halflings-regular.svg b/app/fonts/glyphicons-halflings-regular.svg new file mode 100644 index 0000000..5fee068 --- /dev/null +++ b/app/fonts/glyphicons-halflings-regular.svg @@ -0,0 +1,228 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/app/fonts/glyphicons-halflings-regular.ttf b/app/fonts/glyphicons-halflings-regular.ttf new file mode 100644 index 0000000..be784dc Binary files /dev/null and b/app/fonts/glyphicons-halflings-regular.ttf differ diff --git a/app/fonts/glyphicons-halflings-regular.woff b/app/fonts/glyphicons-halflings-regular.woff new file mode 100644 index 0000000..2cc3e48 Binary files /dev/null and b/app/fonts/glyphicons-halflings-regular.woff differ diff --git a/app/img/.gitkeep b/app/img/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/app/img/ajax-loader.gif b/app/img/ajax-loader.gif new file mode 100644 index 0000000..d0bce15 Binary files /dev/null and b/app/img/ajax-loader.gif differ diff --git a/app/img/arrow-down.png b/app/img/arrow-down.png new file mode 100644 index 0000000..df7424b Binary files /dev/null and b/app/img/arrow-down.png differ diff --git a/app/img/back.png b/app/img/back.png new file mode 100644 index 0000000..44cd0ae Binary files /dev/null and b/app/img/back.png differ diff --git a/app/img/bg-black.png b/app/img/bg-black.png new file mode 100644 index 0000000..8c2f001 Binary files /dev/null and b/app/img/bg-black.png differ diff --git a/app/img/bg-hover.png b/app/img/bg-hover.png new file mode 100644 index 0000000..1ca2022 Binary files /dev/null and b/app/img/bg-hover.png differ diff --git a/app/img/button-tray-down.png b/app/img/button-tray-down.png new file mode 100644 index 0000000..99b92ae Binary files /dev/null and b/app/img/button-tray-down.png differ diff --git a/app/img/button-tray-up.png b/app/img/button-tray-up.png new file mode 100644 index 0000000..7cc5778 Binary files /dev/null and b/app/img/button-tray-up.png differ diff --git a/app/img/forward.png b/app/img/forward.png new file mode 100644 index 0000000..e2084ab Binary files /dev/null and b/app/img/forward.png differ diff --git a/app/img/glyphicons-halflings-white.png b/app/img/glyphicons-halflings-white.png new file mode 100644 index 0000000..3bf6484 Binary files /dev/null and b/app/img/glyphicons-halflings-white.png differ diff --git a/app/img/glyphicons-halflings.png b/app/img/glyphicons-halflings.png new file mode 100644 index 0000000..a996999 Binary files /dev/null and b/app/img/glyphicons-halflings.png differ diff --git a/app/img/icon-instagram.png b/app/img/icon-instagram.png new file mode 100644 index 0000000..150ee4a Binary files /dev/null and b/app/img/icon-instagram.png differ diff --git a/app/img/left-arrow.png b/app/img/left-arrow.png new file mode 100644 index 0000000..b44ddbf Binary files /dev/null and b/app/img/left-arrow.png differ diff --git a/app/img/maya-logo.gif b/app/img/maya-logo.gif new file mode 100644 index 0000000..0a44113 Binary files /dev/null and b/app/img/maya-logo.gif differ diff --git a/app/img/maya-logo.jpg b/app/img/maya-logo.jpg new file mode 100644 index 0000000..b4a2f6b Binary files /dev/null and b/app/img/maya-logo.jpg differ diff --git a/app/img/nav-bg.png b/app/img/nav-bg.png new file mode 100644 index 0000000..800f904 Binary files /dev/null and b/app/img/nav-bg.png differ diff --git a/app/img/nav-dot.png b/app/img/nav-dot.png new file mode 100644 index 0000000..a28a507 Binary files /dev/null and b/app/img/nav-dot.png differ diff --git a/app/img/pause.png b/app/img/pause.png new file mode 100644 index 0000000..a2c21a5 Binary files /dev/null and b/app/img/pause.png differ diff --git a/app/img/play.png b/app/img/play.png new file mode 100644 index 0000000..16e53f8 Binary files /dev/null and b/app/img/play.png differ diff --git a/app/img/progress-back.png b/app/img/progress-back.png new file mode 100644 index 0000000..68cd45b Binary files /dev/null and b/app/img/progress-back.png differ diff --git a/app/img/progress-bar.png b/app/img/progress-bar.png new file mode 100644 index 0000000..49ebb05 Binary files /dev/null and b/app/img/progress-bar.png differ diff --git a/app/img/progress.gif b/app/img/progress.gif new file mode 100644 index 0000000..f3e45e0 Binary files /dev/null and b/app/img/progress.gif differ diff --git a/app/img/right-arrow.png b/app/img/right-arrow.png new file mode 100644 index 0000000..f024827 Binary files /dev/null and b/app/img/right-arrow.png differ diff --git a/app/img/shopping-bag-icon-big.png b/app/img/shopping-bag-icon-big.png new file mode 100644 index 0000000..ad4e2c5 Binary files /dev/null and b/app/img/shopping-bag-icon-big.png differ diff --git a/app/img/shopping-bag-icon.png b/app/img/shopping-bag-icon.png new file mode 100644 index 0000000..55c4ee5 Binary files /dev/null and b/app/img/shopping-bag-icon.png differ diff --git a/app/img/st-cat-sprite.png b/app/img/st-cat-sprite.png new file mode 100644 index 0000000..4cb45d9 Binary files /dev/null and b/app/img/st-cat-sprite.png differ diff --git a/app/img/thumb-back.png b/app/img/thumb-back.png new file mode 100644 index 0000000..3c969eb Binary files /dev/null and b/app/img/thumb-back.png differ diff --git a/app/img/thumb-forward.png b/app/img/thumb-forward.png new file mode 100644 index 0000000..afe451c Binary files /dev/null and b/app/img/thumb-forward.png differ diff --git a/app/index-async.html b/app/index-async.html new file mode 100644 index 0000000..fd3913a --- /dev/null +++ b/app/index-async.html @@ -0,0 +1,58 @@ + + + + + + + My AngularJS App + + + + + +
+ +
Angular seed app: v
+ + + diff --git a/app/index.html b/app/index.html new file mode 100644 index 0000000..f402588 --- /dev/null +++ b/app/index.html @@ -0,0 +1,82 @@ + + + + + + Maya Meirav + + + + + + + + +
+ +
+ +
+ + +
+
+ + +
+
+ + + +
+
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/index.html02052014 b/app/index.html02052014 new file mode 100644 index 0000000..748cfab --- /dev/null +++ b/app/index.html02052014 @@ -0,0 +1,80 @@ + + + + + + Maya Meirav + + + + + + + + +
+ +
+ +
+ + +
+
+ + +
+
+ + + +
+
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/index.html13052014 b/app/index.html13052014 new file mode 100644 index 0000000..19b99eb --- /dev/null +++ b/app/index.html13052014 @@ -0,0 +1,80 @@ + + + + + + Maya Meirav + + + + + + + + +
+ +
+ +
+ + +
+
+ + +
+
+ + + +
+
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/js/app.js b/app/js/app.js new file mode 100644 index 0000000..fc33cca --- /dev/null +++ b/app/js/app.js @@ -0,0 +1,11 @@ +'use strict'; + +// Make sure to include the `ui.router` module as a dependency +var myApp = angular.module('myApp', ['ui.router','ui.bootstrap']) +.run( + [ '$rootScope', '$state', '$stateParams', + function ($rootScope, $state, $stateParams) { + $rootScope.$state = $state; + $rootScope.$stateParams = $stateParams; + + }]); \ No newline at end of file diff --git a/app/js/controllers/AccordionCtrl.js b/app/js/controllers/AccordionCtrl.js new file mode 100644 index 0000000..bbfae26 --- /dev/null +++ b/app/js/controllers/AccordionCtrl.js @@ -0,0 +1,29 @@ +'use strict' + +angular.module('st.app').controller('AccordionCtrl', ['$scope', '$log', '$sce', + function($scope, $log, $sce) { + $scope.accordionGroups = []; + $scope.oneAtATime = true; + + $scope.$watch('attrSrc', function(n, o) { + $scope.accordionGroups = []; + for (var i in $scope.fields) { + try { + if (typeof n[$scope.fields[i]] != 'undefined') { + try { + n[$scope.fields[i]].content = $sce.trustAsHtml( + n[$scope.fields[i]].content); + } catch (e) { + } + var group = n[$scope.fields[i]]; + group.isopen = false; + $scope.accordionGroups.push(group); + } + } catch (e) { + $log.error(e); + } + + } + }); + + }]); \ No newline at end of file diff --git a/app/js/controllers/AjaxLoaderCtrl.js b/app/js/controllers/AjaxLoaderCtrl.js new file mode 100644 index 0000000..a232842 --- /dev/null +++ b/app/js/controllers/AjaxLoaderCtrl.js @@ -0,0 +1,7 @@ +'use strict'; + +/* CategoryList Controller */ + +angular.module('st.app').controller("AjaxLoaderCtrl", ['$scope', function($scope) { + $scope.overlay = false; +}]); \ No newline at end of file diff --git a/app/js/controllers/CMSPageController.js b/app/js/controllers/CMSPageController.js new file mode 100644 index 0000000..09f9ed1 --- /dev/null +++ b/app/js/controllers/CMSPageController.js @@ -0,0 +1,36 @@ +'use strict' +/** + * CMSPage controller/directive is for when the block needs to occupy the whole page, with footer and header showing + */ +angular.module('st.app').controller('CMSPageCtrl', ['$scope', '$log', + '$injector', '$sce', 'APP_CONFIG', function($scope, $log, $injector, $sce, + APP_CONFIG) { + $scope.block = {}; + var ContentModel = $injector.get(APP_CONFIG.dataProvider + + 'ContentModel'); + + /** + * watch the blockId. If <> 0, show the block + */ + $scope.$watch('cmsPageId', function(n, o) { + if (n == APP_CONFIG.noBlock || typeof n == 'undefined') { + $scope.display = false; + $scope.block = {}; + } else { + ContentModel.getStaticBlock(n, function(block) { + block.html = $sce.trustAsHtml(block.html); + $scope.pageContents = block.html; + $scope.display = true; + }); + } + }); + + /* + * remove the block and send an event so that the users could go back to last category + */ + $scope.removeBlock = function() { + $scope.display = false; + $scope.blockId = 0;// reset id + $scope.$emit('staticBlockExit'); + }; + }]); \ No newline at end of file diff --git a/app/js/controllers/CartIconController.js b/app/js/controllers/CartIconController.js new file mode 100644 index 0000000..9b6026f --- /dev/null +++ b/app/js/controllers/CartIconController.js @@ -0,0 +1,72 @@ +'use strict'; + +/* Main app Controller */ + +angular.module('st.app').controller("cartIconCtrl", ['$scope','$element','$timeout', + '$log', '$location', '$injector','APP_CONFIG',function($scope,element, $timeout,console, location,$injector,APP_CONFIG) { + + $scope.itemCount = 0; + $scope.showDescription = false; + + // initial data load + var cartModel = $injector.get(APP_CONFIG.dataProvider + 'CartModel'); + console.log('cart ctrl',cartModel); + cartModel.getCartDetails(function(itemCount) { + console.log('cart loaded',itemCount); + $scope.itemCount = parseInt(itemCount); + }) + + /** + * Description: + * It will show description by setting showDescription Flag and registers + * a timeout event that will hide description after 5 seconds. + * + * @returns {undefined} + */ + $scope.makeDescriptionVisible = function() { + if ($scope.descriptionAnimPromise != null) { + // save mouse position and canel already registered timeout event + $timeout.cancel($scope.descriptionAnimPromise); + $scope.descriptionAnimPromise = null; + } + + $scope.descriptionAnimPromise = $timeout(function() { + + $scope.showDescription = false; + $scope.descriptionAnimPromise = null; + $scope.$digest(); + + }, 5000); + $scope.showDescription = true; + }; + $scope.$on('st-app-mousemove', function() { + $scope.makeDescriptionVisible(); + }); + /** + * an item was added to the cart + */ + $scope.$on('st-item-added',function(ev) { + $scope.itemCount++; + var icon = element.find('img'); + var orig_width = icon.width(), + orig_height = icon.height(); + + // pulse + icon.animate({ + height: orig_height*1.1 + }, 250, function() { + // back to normal + icon.animate({ + height: orig_height + }) + }); + }); + + $scope.itemCountText = function() { + if ($scope.itemCount) + return '' + $scope.itemCount + ''; + else return ''; + } +}]) + + diff --git a/app/js/controllers/CategoryListController.js b/app/js/controllers/CategoryListController.js new file mode 100644 index 0000000..1867abc --- /dev/null +++ b/app/js/controllers/CategoryListController.js @@ -0,0 +1,77 @@ +'use strict'; + +/* CategoryList Controller */ +angular.module('st.app').controller("CategoryListCtrl", ['$scope', + '$injector', '$location', '$log', 'APP_CONFIG', function($scope, $injector, + $location, $log, APP_CONFIG) { + $scope.catgories = []; + $scope.loading = true; + $scope.showCategories = false; + var TAG = 'CategoryListCtrl'; + + var CategoryModel = $injector.get(APP_CONFIG.dataProvider + + 'CategoryModel'); + + /** + * Getting categories from API w.r.t root category + */ + CategoryModel.getCategories($scope.rootCat, function(categories) { + // convert blockId to type and add one cms page + var addCmsPage = function() { + for(var i=0;i 0) + { + var thumbLastItem = + $scope.thumbsDatasource[$scope.thumbsDatasource.length - + 1]; + + if (thumbLastItem == null) + return; + // fetch thumbnails for rank + ProductsService.getProductsBasicData($scope.thumbnailsCatId, + thumbLastItem.entity_id, thumbLastItem.rank, 10, + 'created_at', 'desc', 'next', false, false, function( + thumbnails) { + + // No item found. + if (thumbnails == null || thumbnails.length == 0) + return; + + var tempItem = thumbnails[thumbnails.length - 1]; + + if (tempItem == null) + return; + + // item already fetched. No need to add. Just ignore it + if (thumbLastItem != null && thumbLastItem.rank == + tempItem.rank) + return; + + // concatinate newly fetched data in datasource + $scope.thumbsDatasource = + $scope.thumbsDatasource.concat(thumbnails); + + }); + } + + }; + /* + * description: + * loadPrevThumbnails will be called when user open bookmarked url and press prev button to scroll towards + * left. It will fetch previous items. + * + * @param {type} isAppend + * @param {type} callback + * @returns {undefined} + * + */ + + $scope.loadPrev = function(isAppend, callback) { + + if ($scope.thumbsDatasource != null && + $scope.thumbsDatasource.length > 0) + { + var thumbFirstItem = $scope.getFirstNonNullItem( + $scope.thumbsDatasource); + if (thumbFirstItem == null) + return; + + // check if more items are avaiable. Previous to current first item + if (thumbFirstItem.rank > 1) + { + ProductsService.getProductsBasicData( + $scope.thumbnailsCatId, + thumbFirstItem.entity_id, thumbFirstItem.rank, + 10, 'created_at', 'desc', 'prev', false, false, + function(thumbnails) { + + // No item found + if (thumbnails == null || thumbnails.length == + 0) + return; + + var thumbs = $.map(thumbnails, function(value, + key) { + return value; + }); + // concatinate prevous item at the start + $scope.thumbsDatasource = thumbs.concat( + $scope.thumbsDatasource); + }); + } + } + + }; + + /** + * Description: + * We need to check valid items exist in datasource. So we find first non null item in + * datasource and return. + * + * @param {type} sourceArr + * @returns {unresolved} + * + */ + + $scope.getFirstNonNullItem = function(sourceArr) { + + for (var i = 0; i < sourceArr.length; ++i) + { + var item = sourceArr[i]; + if (item != null) + return item; + } + + return null; + }; + + /** + * + * @returns {undefined} + */ + + $scope.getWindowWidth = function() { + return $window.innerWidth; + }; + + /** + * description: + * onItemClicked method will be called when thumbnail item is clicked. Location + * will be changed and full product will show current active item + * + * @param {type} itemId + * @returns {undefined} + */ + + $scope.onItemClicked = function(item) { + $scope.activeProdId = item.entity_id; + }; + + /** + * description: + * This method will be called by GenralThumbListController at the time of item creation. + * Current controller knows about its datasource structure. It extracts data from item, build + * path and return. + * + * @param {type} item + * @returns {String} + */ + + $scope.buildHREFForItem = function(item) { + return "#" + $scope.catId + "/" + $scope.selectedCategory.slug + + "/" + item.entity_id + "/" + item.slug; + }; + + + /** + * description: + * This method will be called by GeneralThumbListController. It makes unique id and return + * + * @param {type} item + * @returns {String} + */ + + $scope.buildFQIdForItem = function(item) { + return "thumb_" + $scope.catId + "_" + item.entity_id; + }; + + /** + * + * @returns {Boolean} + */ + + $scope.shouldHideThumbList = function() { + return true; + }; + + /** + * + * @param {type} blnFlag + * @returns {undefined} + */ + + $scope.showHideThumbs = function(blnFlag) { + //$scope.$parent.$parent.state = blnFlag; + $scope.offset = $element.css('bottom'); + $scope.thumbState = blnFlag; + }; + + + }]); \ No newline at end of file diff --git a/app/js/controllers/DynamicBlockController.js b/app/js/controllers/DynamicBlockController.js new file mode 100644 index 0000000..3ca7fdd --- /dev/null +++ b/app/js/controllers/DynamicBlockController.js @@ -0,0 +1,34 @@ +/** + * dynamic content retriever: + * use for cases when the data block contains directives + */ +angular.module('st.app').controller("dynamicBlockCtrl", ['$scope', '$element', + '$log', 'APP_CONFIG', '$compile', '$injector', '$attrs',function($scope, $element, + console, APP_CONFIG, $compile,$injector,$attrs) { + + /** + * observe the scope attribute + * (dont use watch cause that would mean an isolated scope) + */ + $attrs.$observe('blockId',function(n,o) { + if (n == APP_CONFIG.noBlock || typeof n == 'undefined') { + //noop + } else{ + var blockId = n; + // get the right content model + var contentModel = $injector.get(APP_CONFIG.dataProvider+'ContentModel'); + // get the data + contentModel.getBlockHtml(blockId,function(data) { + // compile the content + $compile(data.html)($scope,function(clone){ + // put it on the element + $element.html(clone); + }); + + }); + } + + }); + + +}]); \ No newline at end of file diff --git a/app/js/controllers/GeneralThumbListController.js b/app/js/controllers/GeneralThumbListController.js new file mode 100644 index 0000000..3defc05 --- /dev/null +++ b/app/js/controllers/GeneralThumbListController.js @@ -0,0 +1,611 @@ + +'use strict'; + +/* General Thumb List Controller */ + +angular.module('st.app').controller("GeneralThumbListController", ['$rootScope', '$scope', '$timeout' ,'ProductModel', + 'ProductsService','$location','$log','$element','APP_CONFIG','$window','$document', + function($rootScope, $scope, $timeout, ProductModel, ProductsService, + $location,$log,$element,APP_CONFIG,$window,$document) { + + + $scope.isMouseUpOnNav = true; + $scope.isItemLoaded = false; + $scope.thumbActiveItemId = null; + + $scope.showThumbnails = true; + $scope.showNavCtrls = true; + // $scope.thumbHideAnim is used controll thumbnail hide animation + $scope.thumbHideAnim = null; + $scope.mouseMovePosX; + $scope.mouseMovePosY; + + // Constants + + $scope.SCROLL_DIRECTION_LEFT = "left"; + $scope.SCROLL_DIRECTION_RIGHT = "right"; + $scope.THUMBNAIL_LIST_TAG = 'thumbnail-list'; + $scope.THUMBNAIL_WRAPPER_CLASS = '.st_thumbs_wrapper'; + $scope.ALBUM_CLASS = '.album'; + $scope.THUMBS_CLASS = '.st_thumbs'; + + + var TAG = "GeneralThumbListController"; + var scrollFactor = 10; + var scrollDuration = 30; + + $scope.$watch('datasource',function(n,o){ + + // if(n != null && n.length == 0) + // $scope.showThumbnails = false; + + $scope.buildThumbs(); + }); + + /** + * description: + * Upon product change we need to select active item in thumbnail list. + * We need to identify user has pressed left or right button on main screen + */ + $scope.$watch('activeItemId', function(n, o) { + + /* + * get rank from product id. If new product rank is greater than old product rank + * it means user is moving towards right. If new proudct rank is less than old + * porduct rank it means user is moving towards left + */ + + var oldProdRank = ProductsService.getProductRank($scope.uniqueId,o); + var newProdRank = ProductsService.getProductRank($scope.uniqueId,n); + + if(newProdRank > oldProdRank){ + $scope.selectNextItem(n); + } + else if(newProdRank < oldProdRank){ + $scope.selectPrevItem(n); + } + + }); + + /** + * description: + * If item is already loaded in thumbnail list and is not visible on the screen + * (currently item is off the screen),just set its position so that user can view it. + * It should be displayed at left side. Also apply active item class. + * Otherwise fetch it from ProductsService and load into thumbnail lis + * + */ + $scope.selectPrevItem = function(item_id) { + + if($scope.isMouseUpOnNav == false) // scrolling thumbnails list. No need to set position + return; + var wrapper = $scope.getThumbWrapper(); + + // make item id + var id = "#thumb_" + $scope.uniqueId + "_" + item_id; + var elm = $scope.searchElementById(id); + var pos = elm.position(); + + var winWidth = $scope.getWindowWidth(); + var itemWidth = elm.width(); + + if (pos != null) + { + // if pos.left is less than 0 it mean item is off the screen on left side + if (pos.left < 0) { + + // scroll to main product active item so that it should be visible + var xPos = wrapper.scrollLeft(); + xPos = xPos - itemWidth; + wrapper.scrollLeft(xPos - scrollFactor); + } + // if pos.left > screenWidth it mean item is off the screen on right side + else if (pos.left > 0 && pos.left > winWidth) { + // set xPos so that item is visible + var xPos = pos.left - winWidth + itemWidth + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + + $scope.highlightActiveItem(id); + + } + else { + // item does not exist in thumbnail list. So load it from cache + + if($scope.$parent.loadPrev == null) + return; + + $scope.$parent.loadPrev(false, function(newWidth) { + $scope.highlightActiveItem(id); + }); + } + + $scope.isItemLoaded = true; + + }; + + /** + * description: + * If item is already loaded in thumbnail list and is not visible on the screen + * just set is position so that user can view it. It should be displayed + * at right side. Also apply active item class. + * Otherwise fetch it from ProductsService and load into thumbnail list + * + * @param {type} item_id + * @returns {undefined} + */ + + $scope.selectNextItem = function(item_id) { + + + if($scope.isMouseUpOnNav == false) // scrolling thumbnails list. No need to set position + return; + + var wrapper = $scope.getThumbWrapper(); + + var id = "#thumb_" + $scope.uniqueId + "_" + item_id; + + var elm = $scope.searchElementById(id); + var pos = elm.position(); + + var winWidth = $scope.getWindowWidth(); + + var itemWidth = elm.width(); + + if (pos != null) { + + // if left > screen width it mean item is off the screen on right side + if (pos.left > 0 && pos.left > winWidth) { + + // scroll to main product active item + var xPos = pos.left - winWidth + itemWidth + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + // if left < 0 it mean item is off the screen on left side + else if (pos.left < 0) { + var xPos = pos.left + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + + $scope.highlightActiveItem(id); + } + else { + // item not exist in thumbnail list. Fetch it from cache + if($scope.$parent.loadNext == null) + return; + + $scope.$parent.loadNext(true); + + $scope.highlightActiveItem(id); + } + + $scope.isItemLoaded = true; + }; + + /** + * description: + * Apply class on required item. Also remove class from previous + * selected item. + * + * @param {type} itemId + * @returns {undefined} + * + * + */ + + $scope.highlightActiveItem = function(itemId){ + + var elm = $scope.searchElementById(itemId); + elm.addClass("st_thumbs_active"); + + if($scope.thumbActiveItemId != null && itemId != $scope.thumbActiveItemId){ + var activeElm = $scope.searchElementById($scope.thumbActiveItemId); + activeElm.removeClass("st_thumbs_active"); + } + + $scope.thumbActiveItemId = itemId; + }; + + /** + * description: + * Adjust width of thumbnails container so that items can be displayed in a single row. + * If item is not loaded yet, take minimum thumbnail width and adjust container width + * + * @returns {undefined} + */ + + $scope.buildThumbs = function() { + + var wrapper = $scope.getThumbWrapper(); + + var width = 0; + + $scope.$parent.thumbnailItemWidth = $scope.$parent.thumbnailItemMinWidth; + + if($scope.datasource == null) + return; + //if(width < $scope.datasource.length * $scope.$parent.thumbnailItemMinWidth){ + width = ($scope.datasource.length * $scope.$parent.thumbnailItemMinWidth); + // Adjust width with margin 6 px: 3px left + 3px right + + width += $scope.datasource.length * 6; + //} + + width = width + $scope.$parent.thumbnailItemWidth; + + var thumbs = wrapper.children($scope.THUMBS_CLASS); + thumbs.css('width', width + 'px'); + + }; + + /** + * + * @param {type} oldWidth + * @returns {undefined} + * + * + */ + + $scope.addThumbs = function(oldWidth) { + var wrapper = $scope.getThumbWrapper(); + + var thumbs = wrapper.children($scope.THUMBS_CLASS); + + $scope.buildThumbs(); + + var newItemsWidth = ($scope.datasource.length + 2) * $scope.$parent.thumbnailItemMinWidth - oldWidth; + return newItemsWidth; + }; + + /** + * description: + * It returns width of thumbs container + * + * @returns {undefined} + */ + $scope.thumbsContainerWidth = function(){ + + var wrapper = $scope.getThumbWrapper(); + + var thumbs = wrapper.children($scope.THUMBS_CLASS); + return thumbs.width(); + }; + + /* + * description: + * scrollLeft will be called when user press left thumbnail navigation button. + * + * @returns {undefined} + * + */ + $scope.scrollLeft = function() { + var wrapper = $scope.getThumbWrapper(); + + var xPos = wrapper.scrollLeft(); + if (xPos == 0) { + + if($scope.$parent.loadPrev == null) + return; + + $scope.$parent.loadPrev(false, function(newWidth) { + + }); + $timeout(function() { + $scope.scrollLeft(); + }, scrollDuration); + } else { + wrapper.scrollLeft(xPos - scrollFactor); + $timeout(function() { + if ($scope.isMouseUpOnNav == false) + $scope.scrollLeft(); + }, scrollDuration); + } + + }; + + /* + * description: + * scrollRight will be called when user press right thumbnail navigation button. + * + * @returns {undefined} + * + */ + $scope.scrollRight = function() { + + var wrapper = $scope.getThumbWrapper(); + var wrapperWidth = wrapper.width(); + + var thumbsWidth = wrapper.children($scope.THUMBS_CLASS).width(); + + var xPos = wrapper.scrollLeft(); + if ((xPos + (2 * wrapperWidth)) >= thumbsWidth) { + if($scope.$parent.loadNext != null) + $scope.$parent.loadNext(true); + } + + var winWidth = $scope.getWindowWidth(); + // if reached at last item. No need to scroll more. + + if($scope.$parent.loadNext != null){ + if ((xPos + $scope.$parent.thumbnailItemWidth <= thumbsWidth - winWidth) || (wrapperWidth < winWidth)) + wrapper.scrollLeft(xPos + scrollFactor); + } + else{ + var calculatedWidth = ($scope.datasource.length * $scope.$parent.thumbnailItemWidth) + + ($scope.datasource.length * 6) - $scope.$parent.thumbnailItemWidth; + + if((xPos + $scope.$parent.thumbnailItemWidth) < calculatedWidth) + wrapper.scrollLeft(xPos + scrollFactor); + + } + + $timeout(function() { + if ($scope.isMouseUpOnNav == false) + $scope.scrollRight(); + }, scrollDuration); + }; + + /* + * description: + * getThumbWrapper return wrapper element which is children of thumbnail-list element + * + * @returns {undefined} + * + */ + // extract thumbnail wrapper binded with current controller + $scope.getThumbWrapper = function() { + + var div = $element.children('div'); + // extract thumbnail wrapper element + var album = div.children($scope.ALBUM_CLASS); + var wrapper = album.children($scope.THUMBNAIL_WRAPPER_CLASS); + return wrapper; + }; + + /** + * + * @returns {undefined} + */ + + $scope.getWindowWidth = function(){ + return $window.innerWidth; + }; + + /** + * + * @param {type} id + * @returns {unresolved} + */ + + $scope.searchElementById = function(id){ + return angular.element($document[0].querySelector(id)); + }; + + + + // handle mouse down event on thumbnnails left navigation bar + $scope.onMouseDownOnNavLeft = function($event) { + $scope.isMouseUpOnNav = false; + $scope.scrollLeft(); + }; + + // handle mouse up event on thumbnails left navigation bar + $scope.onMouseUpOnLeftNav = function($event) { + $scope.isMouseUpOnNav = true; + }; + + // handle mouse leave event on thumnails left navigation bar + $scope.onMouseLeftLeftNav = function($event) { + $scope.isMouseUpOnNav = true; + }; + + // handle mouse down event on thumbnnails right navigation bar + $scope.onMouseDownOnNavRight = function($event) { + + $scope.isMouseUpOnNav = false; + $scope.scrollRight(); + }; + + // handle mouse up event on thumbnails right navigation bar + $scope.onMouseUpOnRightNav = function($event) { + $scope.isMouseUpOnNav = true; + }; + + // handle mouse leave event on thumnails right navigation bar + $scope.onMouseLeftRightNav = function($event) { + $scope.isMouseUpOnNav = true; + }; + + // handle mouse leave event on thumbnails-list + $scope.onMouseLeft = function($event) { + + var mouseXPos = $event.screenX; + var screenWidth = $event.view.outerWidth; + + if($scope.$parent.showHideThumbs != null && $scope.showThumbnails) + $scope.$parent.showHideThumbs(false); + + if (mouseXPos > 0 && mouseXPos < screenWidth){ + + if($scope.$parent.shouldHideThumbList != null && $scope.$parent.shouldHideThumbList() == true) + $scope.showThumbnails = false; + } + }; + // handle mouse enter event on thumnails-list + $scope.onMouseEnter = function($event) { + + if($scope.$parent.showHideThumbs != null && !$scope.showThumbnails) + $scope.$parent.showHideThumbs(true); + + $scope.showThumbnails = true; + $scope.showHideNavigationCtrls(); + + if ($scope.isItemLoaded) { + $scope.scrollToActiveItem(); + $scope.isItemLoaded = false; + } + }; + // handle mouse move on thumbnails-list + $scope.onMouseMove = function($event){ + + /** + * Issue work around: + * Issue : When mouse is still on thumb list Mouse move event is still be fired + * Solution: Save mouse xPosition and yPosition when moved last time. If mouse + * xPosition and yPosition is same then no need to proceed. + */ + if($event.screenX == $scope.mouseMovePosX && $event.screenY == $scope.mouseMovePosY) + return; + + + if ($scope.thumbHideAnim != null) { + + // save mouse position and canel already registered timeout event + $scope.mouseMovePosX = $event.screenX; + $scope.mouseMovePosY = $event.screenY; + $timeout.cancel($scope.thumbHideAnim); + $scope.thumbHideAnim = null; + } + + // hide thumblist after 5 seconds + $scope.thumbHideAnim = $timeout(function() { + + // check if thumb list was shown and can hide. + if($scope.$parent.shouldHideThumbList != null && $scope.$parent.shouldHideThumbList() == true){ + $scope.showThumbnails = false; + if($scope.$parent.showHideThumbs != null) + $scope.$parent.showHideThumbs(false); + $scope.$digest(); + } + + }, 5000); + }; + + $scope.showHideNavigationCtrls = function(){ + var wrapper = $scope.getThumbWrapper(); + var elm = wrapper.find('.st_thumbs a'); + var width = wrapper.width(); + var expectedWidth = elm.length * $scope.$parent.thumbnailItemMinWidth; + + if(expectedWidth < wrapper.width()) + $scope.showNavCtrls = false; + else + $scope.showNavCtrls = true; + + }; + + + /* + * description: + * scrollToActiveItem will be called when thumbnails state change from hidden to visible + * When user click on prev/next button we cannot scroll to item as these are hidden. + * When user moves on thumbnails-list we find active item and scroll to that item. + * + * @returns {undefined} + * + */ + + $scope.scrollToActiveItem = function() { + + $timeout(function() { + + if($scope.activeProdId == null) + return; + + // fetch thumb wrapper associated with current controller + var wrapper = $scope.getThumbWrapper(); + + // make thumbitem id and get its position + var id = "#thumb_" + $scope.uniqueId + "_" + $scope.activeProdId; + var elm = $scope.searchElementById(id); + var pos = elm.position(); + + var winWidth = $scope.getWindowWidth(); + var itemWidth = elm.width(); + + if (pos != null) { + + // item found and it is off the screen on write side + if (pos.left > 0 && pos.left > winWidth) { + + // scroll to main product active item + var xPos = pos.left - winWidth + itemWidth + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + else if(pos.left > 0 && pos.left < $scope.$parent.thumbnailItemMinWidth){ + // scroll to required position + var xPos = $scope.$parent.thumbnailItemMinWidth + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + // item found and its off the screen on left side + else if (pos.left < 0) { + + // scroll to required position + var xPos = pos.left + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos - scrollFactor); + } + + $scope.highlightActiveItem(id); + } + + }, 30); + }; + + /** + * description: Thumbnail list is being show at the start. We hide thumbnails list + * after 5 seconds + * + * @returns {undefined} + */ + + $scope.showHideThumbnails = function(){ + + $timeout(function() { + if($scope.$parent.shouldHideThumbList != null && $scope.$parent.shouldHideThumbList() == true) + $scope.showThumbnails = false; + else + $scope.showThumbnails = true; + + $scope.$digest(); + },2000); + + }; + + /** + * description: + * onThumbnailClick method will be called when thumbnail is clicked. Location + * will be changed and full product will show current active item + * + * @param {type} itemId + * @returns {undefined} + */ + + $scope.onThumbnailClick = function(item){ + + var id = $scope.makeItemFQId(item); + $scope.highlightActiveItem(id); + + if($scope.$parent.onItemClicked != null) + $scope.$parent.onItemClicked(item); + }; + + /** + * + * @returns {undefined} + */ + + $scope.getHREFValue = function(item){ + + if($scope.$parent.buildHREFForItem != null) + return $scope.$parent.buildHREFForItem(item); + }; + + $scope.makeItemFQId = function(item){ + + if($scope.$parent.buildFQIdForItem != null) + return $scope.$parent.buildFQIdForItem(item); + }; + + $scope.showHideThumbnails(); + + }]); \ No newline at end of file diff --git a/app/js/controllers/HeaderController.js b/app/js/controllers/HeaderController.js new file mode 100644 index 0000000..31f46f4 --- /dev/null +++ b/app/js/controllers/HeaderController.js @@ -0,0 +1,14 @@ +/* + * Controller for header.phtml + * in site + */ +angular.module('st.app').controller("HeaderCtrl", ['$scope', '$rootScope', + '$log', 'APP_CONFIG', '$location', '$injector', '$sce', '$animate', + '$timeout', function($scope, $rootScope, $log, APP_CONFIG, $location, + $injector, $sce, $animate, $timeout) { + + $scope.baseUrl = APP_CONFIG.baseUrl; + +}]); + + diff --git a/app/js/controllers/MainController.js b/app/js/controllers/MainController.js new file mode 100644 index 0000000..390f633 --- /dev/null +++ b/app/js/controllers/MainController.js @@ -0,0 +1,179 @@ +'use strict'; + +/* Main app Controller */ + +angular.module('st.app').controller("MainCtrl", ['$scope', '$rootScope', + '$log', 'APP_CONFIG', '$location', '$injector', '$sce', '$animate', + '$timeout', function($scope, $rootScope, $log, APP_CONFIG, $location, + $injector, $sce, $animate, $timeout) { + $scope.showNav = true; + $scope.bodyClass = ''; + $scope.pageType = 'catalog'; + $rootScope.pageTitle = 'Home'; + $scope.currentProdId = 0; + $scope.currentCategory = APP_CONFIG.defaultCategory; + $scope.displayCurrentBlock = false; + $scope.topLinks = ''; + $scope.showCtrls = true; + $scope.showFooter = false; + $scope.state = false; + $scope.offset = null; + $scope.headerHtml = ''; + $scope.footerHtml = ''; + $scope.blockId = APP_CONFIG.noBlock; + $scope.baseUrl = APP_CONFIG.baseUrl; + + var TAG = 'MainCtrl'; + + //disables animation of first load and then enable it after 1s + $animate.enabled(false); + $timeout(function() { + $animate.enabled(true); + }, 3000); + + var ContentModel = $injector.get(APP_CONFIG.dataProvider + + 'ContentModel'); + + ContentModel.getBlockHtml('header', function(header) { + if (typeof header.html != 'undefined' && header.html != null && + header.html.length > 0) { + $scope.headerHtml = $sce.trustAsHtml(header.html); + } + }); + + ContentModel.getBlockHtml('footer', function(footer) { + if (typeof footer.html != 'undefined' && footer.html != null && + footer.html.length > 0) { + $scope.footerHtml = $sce.trustAsHtml(footer.html); + } + }); + + /** + * listener to angular's event for location change + * extract the params + */ + $scope.$on('$locationChangeSuccess', function(event, n, o) { + + try { + $scope.showFooter = false; + var url = $location.path(); //new url + $log.debug(TAG, "locationChange: " + url); + + var categoryPattern = new RegExp( + '^/(\\d+)+/([a-zA-Z0-9\\-_]+)+$'); + var productPattern = new RegExp( + '^/(\\d+)+/([a-zA-Z0-9\\-_]+)+/(\\d+)+/([a-zA-Z0-9\\-_]+)+$'); + var productDetailsPattern = new RegExp( + '^/productdetails/(\\d+)+/([a-zA-Z0-9\\-_]+)+$'); + var pagePattern = new RegExp('^/page/(\\d+)+$'); + var cmsPagePattern = new RegExp('^/cmspage/(\\d+)+/([a-zA-Z0-9\\-_]+)+$'); + + var categoryParams = categoryPattern.exec(url); + var productParams = productPattern.exec(url); + var productDetailsParams = productDetailsPattern.exec(url); + var pageParams = pagePattern.exec(url); + var cmsPageParams = cmsPagePattern.exec(url); + + // $scope.currentProdId = 0; Lior remarked: dont change, it creates unncessary loadProducts, and we also need the id for static blocks + if (categoryParams != null) { + //category + $scope.bodyClass = 'catalog-page'; + $scope.pageType = 'catalog'; + $scope.currentCategory.id = categoryParams[1]; + $scope.currentCategory.slug = categoryParams[2]; + $scope.showCtrls = true; + } else if (productParams != null) { + //product + $scope.bodyClass = 'catalog-page'; + $scope.pageType = 'catalog'; + $scope.currentCategory.id = productParams[1]; + $scope.currentCategory.slug = productParams[2]; + $scope.currentProdId = productParams[3]; + $scope.showCtrls = true; + } else if (productDetailsParams != null) { + //product / cms page + $scope.bodyClass = 'pdp-page'; + $scope.pageType = 'pdp'; + $scope.currentProdId = productDetailsParams[1]; + $scope.showFooter = true; + } + else if (cmsPageParams!=null) { + //product / cms page + $scope.bodyClass = 'cmspage-page'; + $scope.pageType = 'cmspage'; + $scope.currentCmsPageId = cmsPageParams[1]; + $scope.showFooter = true; + }else if (pageParams != null) { + //block + $scope.blockId = pageParams[1]; + $scope.showCtrls = true; + } else if (url == '/') { + $location.path($scope.currentCategory.id + '/' + + $scope.currentCategory.slug); + } + + } catch (e) { + $log.error(e); + } + }); + + /** + * block hidden, go back to previous or default path + */ + $scope.$on('staticBlockExit', function(event, n, o) { + + var restoredPath = $scope.currentCategory.id + '/' + + $scope.currentCategory.slug; + if ($scope.currentProdId) + restoredPath += '/' + $scope.currentProdId; + + $location.path(restoredPath); + + }) + + $scope.$watch('currentProdId', function(n, o) { + // no op + }); + + + $scope.$watch('currentCategory', function(n, o) { + /** + * if the current and old categories aren't same then it means that + * we need to get new product list for new category so we have to + * set active product id to 0 + */ + if (n.id !== o.id) + $scope.currentProdId = 0; + },true); + + /** + * + * @param {type} $event + */ + $scope.onMouseMove = function($event){ + if(!($event.screenX == $scope.mouseMovePosX && $event.screenY == $scope.mouseMovePosY)) { + $scope.$broadcast('st-app-mousemove'); + } + // save mouse position and canel already registered timeout event + $scope.mouseMovePosX = $event.screenX; + $scope.mouseMovePosY = $event.screenY; + } + + $scope.onTouch= function() { + $scope.$broadcast('st-app-mousemove'); + } + + /* + * Hide the navigation [+] + */ + $scope.hideNav = function() { + setTimeout(function(callback) { + if ($scope.showNav != true) { + callback(false); + } + }, 100); + + return callback; + }; + + }]); diff --git a/app/js/controllers/ModalAjaxLoaderCtrl.js b/app/js/controllers/ModalAjaxLoaderCtrl.js new file mode 100644 index 0000000..c9bb83e --- /dev/null +++ b/app/js/controllers/ModalAjaxLoaderCtrl.js @@ -0,0 +1,8 @@ +'use strict'; + +/* CategoryList Controller */ + +myApp.controller("ModalAjaxLoaderCtrl", ['$scope','$rootScope', function($scope, $rootScope) { + $scope.show = false; + +}]); \ No newline at end of file diff --git a/app/js/controllers/ProductDetailsCtrl.js b/app/js/controllers/ProductDetailsCtrl.js new file mode 100644 index 0000000..bd28aa2 --- /dev/null +++ b/app/js/controllers/ProductDetailsCtrl.js @@ -0,0 +1,157 @@ +'use strict' + +angular.module('st.app').controller('ProductDetailsCtrl', ['$scope', '$log', + 'ProductsService', '$rootScope', '$injector', 'APP_CONFIG', + function($scope, $log, ProductsService, $rootScope, $injector, + APP_CONFIG) { + + var CartModel = $injector.get(APP_CONFIG.dataProvider + + 'CartModel'); + + $scope.product = {}; + $scope.main_img = ''; + $scope.price = ''; + $scope.loading = false; + $scope.addingProduct = false; + $scope.attributes = []; + $scope.options = []; + $scope.attributes = []; + $scope.showCtrls = false; + $scope.productSize = ''; + $scope.alerts = []; + + /** + * Validates product options/attributes before adding + * product to bag/cart + * + * @returns {Boolean} + */ + $scope._validateOptions = function() { + for (var optionIndex in $scope.options) { + var option = $scope.options[optionIndex]; + if (typeof option.selectedVal == 'undefined') { + $scope.alerts.push({type: 'warning', + msg: 'Please select some value for "' + option.label + + '"'}); + return false; + } + } + + return true; + }; + + /** + * Closes the alert upon clicking the close icon. An index argument is + * passed if we want to close relevant alert when displaying multiple + * alerts on same page. + * + * @param {type} index + * @returns {undefined} + */ + $scope.closeAlert = function(index) { + $scope.alerts.splice(index, 1); + }; + + /** + * Validates the product and then add it to bag/cart + * + * @returns {undefined} + */ + $scope.add2bag = function() { + if ($scope.addingProduct) + return; + + $scope.alerts = []; + if ($scope.product && $scope._validateOptions()) { + var options = []; + + for (var optionIndex in $scope.options) { + options.push({ + id: $scope.options[optionIndex].id, + value: $scope.options[optionIndex].selectedVal, + isSuper: $scope.options[optionIndex].is_super + }); + } + + $scope.addingProduct = true; + + CartModel.addToCart($scope.prodId, options, 1, function( + response) { + if (response != '') { + $scope.alerts.push({type: 'danger', + msg: response + }); + } else { + $scope.alerts.push({type: 'success', + msg: 'Thanks! Your product is added in the cart.' + }); + $rootScope.$broadcast('st-item-added'); + } + $scope.addingProduct = false; + + $log.debug(response); + }); + } + }; + + /** + * Its an event listener which looks for the selected thumb and then + * it displays in the main area. + * + */ + $scope.$on('product_image_selected', function(event, item) { + $scope.main_img = item.original_image; + if (typeof $scope.ez != 'undefined') { + //reloads the image for elevateZoom + $scope.ez.swaptheimage(item.original_image, + item.original_image); + } + }); + + /** + * Used for two way data binding if any change in prodId is observed + * then it will load particular product detail on the page. + * + */ + $scope.$watch('prodId', function(n, o) { + if ($scope.loading) + return; + + $scope.loading = true; + + if (n != 0) { + ProductsService.get(n, function(product) { + if (product != null) { + $scope.product = product; + $scope.main_img = product.image_url; + $scope.price = product.final_price; + $scope.loading = false; + $rootScope.pageTitle = product.name; + + if (typeof product.attributes == 'undefined' || + product.attributes == null) { + ProductsService.getProductAttributes($scope.prodId, + function(attributes) { + $scope.product.attributes = attributes; + $scope.attributes = attributes; + }); + } else { + $scope.attributes = product.attributes; + } + + if (typeof product.options == 'undefined' || + product.options == null) { + ProductsService.getProductOptions($scope.prodId, + function(options) { + $scope.product.options = options; + $scope.options = options; + }); + } else { + $scope.options = product.options; + } + } + }); + } + }); + + }]); \ No newline at end of file diff --git a/app/js/controllers/ProductFullController.js b/app/js/controllers/ProductFullController.js new file mode 100644 index 0000000..5fb46de --- /dev/null +++ b/app/js/controllers/ProductFullController.js @@ -0,0 +1,118 @@ +'use strict'; + +/* ProductFull Controller */ +angular.module('st.app').controller("ProductFullCtrl", ['$scope', + 'ProductsService', '$rootScope', '$log', '$sce', '$timeout', function( + $scope, ProductsService, $rootScope, $log, $sce, $timeout) { + $scope.product = {}; + $scope.descriptionAnimPromise = null; + $scope.showDescription = false; + $scope.mouseMovePosX; + $scope.mouseMovePosY; + + // set class for the image. called by ng-class on the partial + $scope.fitToSizeClass = function() { + return $scope.fitToSize ? "st-fitToSize" : "st-dontFitToSize"; + } + + /** + * This event is used by other controllers to load product image in + * the browsesr cache on request for given product id. + */ + $scope.$on('load_product_image', function(event, prodId) { + if ($scope.prodId == prodId && $scope.product) { + var img = new Image(); + img.src = $scope.product.image_url; + + //create a message to be broadcasted to its listeners + var message = {id: prodId, name: $scope.product.name, + image_url: $scope.product.image_url}; + + /** + * when image loading is done in browser's cache then broadcast the message to its listeners + * + */ + img.onload = function() { + $rootScope.$broadcast('image_loaded', message); + } + + img.onerror = function() { + $rootScope.$broadcast('product_load_failed', + message) + } + + } + }); + + /** + * received when a mouse has moved + */ + $scope.$on('st-app-mousemove', function() { + $scope.makeDescriptionVisible(); + }); + + $scope.$watch('prodId', function(n, o) { + var prod_id = parseInt(n); + if (!isNaN(prod_id)) { + $scope.makeDescriptionVisible(); + //retrieve the information related to product from Service + ProductsService.get(prod_id, function(product) { + if (product != null) { + //when Product data is retreived then load the image of product in browser's cache + var img = new Image(); + img.src = product.image_url; + + //create a message to be broadcasted to its listeners + var message = {id: prod_id, name: product.name, + image_url: product.image_url}; + + //when image loading is done in browser's cache then broadcast the message to its listeners + img.onload = function() { + $rootScope.$broadcast('image_loaded', message); + } + + img.onerror = function() { + $rootScope.$broadcast('product_load_failed', + message) + } + //load the product in product-full scope + try { + product.title = $sce.trustAsHtml(product.title); + } catch (e) { + } + $scope.product = product; + } else { + //create a message to be broadcasted to its listeners + var message = {id: prod_id}; + $rootScope.$broadcast('product_load_failed', message); + } + }); + } + }); + + + + /** + * Description: + * It will show description by setting showDescription Flag and registers + * a timeout event that will hide description after 5 seconds. + * + * @returns {undefined} + */ + $scope.makeDescriptionVisible = function() { + if ($scope.descriptionAnimPromise != null) { + // save mouse position and canel already registered timeout event + $timeout.cancel($scope.descriptionAnimPromise); + $scope.descriptionAnimPromise = null; + } + + $scope.descriptionAnimPromise = $timeout(function() { + + $scope.showDescription = false; + $scope.descriptionAnimPromise = null; + $scope.$digest(); + + }, 5000); + $scope.showDescription = true; + }; + }]); \ No newline at end of file diff --git a/app/js/controllers/ProductFullListController.js b/app/js/controllers/ProductFullListController.js new file mode 100644 index 0000000..c841713 --- /dev/null +++ b/app/js/controllers/ProductFullListController.js @@ -0,0 +1,404 @@ +'use strict'; + +/* ProductFull Controller */ +angular.module('st.app').controller("ProductFullListCtrl", ['$scope', + '$location', 'ProductsService', '$rootScope', '$log', '$document', + function($scope, $location, ProductsService, $rootScope, console, $document) { + /* ProductFullList Flow: + 1.MainCtrl takes prod id and cat id from URL, sets in currentProdId and currentCategory + 2. ProductFullList directive receives as an atrtibute the ids + 3. calls ProductService to get product ids into productsBasicData + 4. creates 3 ProductFulls using a repeater on productsBasicData + 5. Each ProductFull download its image and then broadcasts an image_loaded event. + a. for first product, animateProducts is called on this event, fading in the product + b. other productFull's are being hidden from view by default + 4. On next (or prev), next_slide is called. it + a. finds next product in productsBasicData + b. puts next product in $scope.activeProdId + c. puts next product in URL + */ + + $scope.productsBasicData = [ + ]; //Product ids to generate product-full directive + $scope.hasProducts = + false; //a flag which is used to show/hide the prev/next navigation if products are there. + $scope.effect = + 'fade'; // animation effect, fade/slide + $scope.loading = false; + $scope.showActiveProd = false; + $scope.oldProdId = 0; + + var TAG = 'ProductFullListCtrl'; + + // autoAnim is used to stop animation + var autoAnim = null; + var shouldResetAnim = true; + + /* LM remarked since thought there few issues here: + a. it is not needed: the product is already here, why duplicate it? ideally we can change next/prev product position and put it using z-layers on top, and then animate + b. on any case, when adding divs, we need to compile the div, before appending so we can use angular directives inside it. + // if($('#product-full-list-last-image').length == 0){ + // $('product-full-list').prepend('
'); + // } + */ + //image_loaded listener to display the image only when its loaded in the browser's cache + $scope.$on('image_loaded', function(event, product) { + try { + if ($scope.activeProdId == product.id) { + $rootScope.pageTitle = product.name; +// animateProducts($scope, product.image_url); + $scope.showActiveProd = true; + $scope.loading = false; + $rootScope.loading = false; + $rootScope.$digest(); + } + } catch (e) { + } + }); + + $scope.$on('product_load_failed', function(event, product) { + console.log(TAG + ' product_load_failed') + if ($scope.activeProdId == product.id) { + $scope.loading = false; + $rootScope.loading = false; + $rootScope.$digest(); + } + }); + + $scope.$on('st-open-product-details', function(event, link) { + angular.element($document[0].querySelector( + 'category-thumb-list')).fadeOut(); + $location.path(link); + }); + + $scope.getAnimClass = function() { + if ($scope.animate) { + if ($scope.effect == 'slide') + return 'anim-' + $scope.effect + '-' + $rootScope.navdir; + else + return 'anim-' + $scope.effect; + } + }; + + $scope.setDirection = function() { + var oldProdRank = ProductsService.getProductRank($scope.catId, + $scope.oldProdId); + var newProdRank = ProductsService.getProductRank($scope.catId, + $scope.activeProdId); + + if (newProdRank > oldProdRank) { + $rootScope.navdir = 'next'; + } + else if (newProdRank < oldProdRank) { + $rootScope.navdir = 'prev'; + } + } + + /** + * loadProductList, is used to load product list w.r.t given prodId + * But prodId can be null as well to get product w.r.t catId + * + * @param {type} $scope + * @param {type} prodId + * @returns {undefined} + */ + function loadProductList($scope, prodId) { + try { + //productId is null if we are navigating through category id only + var productId = parseInt(prodId); + var rank = ProductsService.getProductRank($scope.catId, + productId); + + $scope.loading = true; + + //retrieve the 3 product ids from the service on the basis of cateogry and productId + ProductsService.getProductsBasicData($scope.catId, + productId, rank, 3, 'created_at', 'desc', + $rootScope.navdir, true, true, function( + productsBasicData) { + if (productsBasicData != null) { + if (productsBasicData.length) + $scope.hasProducts = true; + else { + $scope.hasProducts = false; + $scope.loading = false; + } + + //make the activeProdId product, if productId already given then make it + // as activeProdId otherwise find the first prodcut from the list and make it as activeProdId + if (productId) { + $scope.activeProdId = productId; + } else { + for (var index in productsBasicData) { + $scope.activeProdId = + productsBasicData[index].entity_id; + break; + } + } + + $rootScope.$broadcast('load_product_image', + $scope.activeProdId); + + $scope.productsBasicData = productsBasicData; + } else { + $scope.hasProducts = false; + $scope.loading = false; + } + }); + } catch (e) { + console.error(e); + } + } + + /** + * Monitor any change in the category id from the parent upon which + * new list will be loaded in the scope. + */ + $scope.$watch('catId', function(n, o) { + if (!$scope.loading) { + $scope.scheduleAnimation(); + } + + }); + + $scope.$watch('activeProdId', function(n, o) { + + $scope.oldProdId = o; + $scope.setDirection(); + + if (!$scope.loading) { + + loadProductList($scope, n); + + /** shouldResetAnim == true means item change is not invoked from + * auto animation. So we should reset animation period so that + * selected item can be displayed for full time + */ + + if (shouldResetAnim == true) + $scope.scheduleAnimation(); + } + + }); + + /** + * + * @param {type} $scope + * @param {type} prodId + * @returns {Number} + */ + function getProductIndex($scope, prodId) { + for (var index in $scope.productsBasicData) { + if (prodId == $scope.productsBasicData[index].entity_id) + return parseInt(index); + } + + return -1; + } + + function updateLocation(product_id) { + ProductsService.get(product_id, function(product) { + if (product != null) { + var path = $location.path(); + var productPattern = new RegExp( + '^/(\\d+)+/([a-zA-Z0-9\\-_]+)+/(\\d+)+/([a-zA-Z0-9\\-_]+)+$'); + var productParams = productPattern.exec(path); + if (productParams != null) { + $location.path(productParams[1] + '/' + + productParams[2] + '/' + product_id + + '/' + product.slug); + } else { + $location.path(path + '/' + product_id + + '/' + product.slug); + } + } + }); + } + + /** + * listener to angular's event for location change + * extract the params + * TBD: better logic for stopping the animation + */ + $scope.$on('$locationChangeSuccess', function(event, n, o) { + + try { + + var url = $location.path();; //new url + + var productDetailsPattern = new RegExp( + '^/productdetails/(\\d+)+/([a-zA-Z0-9\\-_]+)+$'); + var productDetailsParams = productDetailsPattern.exec(url); + var cmsPagePattern = new RegExp('^/cmspage/(\\d+)+/([a-zA-Z0-9\\-_]+)+$'); + var cmsPageParams = cmsPagePattern.exec(url); + + // if non-product full list, stop the animation + if (productDetailsParams != null || cmsPageParams != null) { + + if ($scope.autoPlay == true){ + shouldResetAnim = false; + $scope.unInitAnimation(); + } + } else + { + if ($scope.autoPlay == true) + { + shouldResetAnim = true; + $scope.unInitAnimation(); + $scope.initAnimation(); + } + } + + } catch (e) { + console.error(e); + } + }); + + /** + * prev_slide function to redirect to the previous slide. + * + * @returns {undefined} + */ + $scope.prev_slide = function() { + $rootScope.navdir = + 'prev'; //stores the navigation direction in scope + + console.debug(TAG + ':prev_slide: called'); + + //finds the previous product id and redirect the page on that product url + var prod_index = getProductIndex($scope, $scope.activeProdId); + console.debug(TAG + ':prev_slide: prod_index: ' + prod_index); + + if (prod_index != -1 && (typeof $scope.productsBasicData[prod_index + - 1] != 'undefined')) { + + var prod_id = parseInt($scope.productsBasicData[prod_index + - 1].entity_id); + + console.debug(TAG + ':prev_slide: previous prod_id: ' + prod_id); + + if (!isNaN(prod_id)) { + $scope.activeProdId = prod_id; + updateLocation(prod_id); + + } + } else { + console.debug(TAG + ':prev_slide: No previous product found'); + } + }; + + /** + * next_slide function to redirect to the previous slide. + * + * @returns {undefined} + */ + $scope.next_slide = function() { + $rootScope.navdir = + 'next'; //stores the navigation direction in scope + + //finds the next product id and redirect the page on that product url + var prod_index = getProductIndex($scope, $scope.activeProdId); + if (prod_index != -1 && (typeof $scope.productsBasicData[prod_index + + 1] != 'undefined')) { + var prod_id = parseInt($scope.productsBasicData[prod_index + + 1].entity_id); + + if (!isNaN(prod_id)) { + + $scope.activeProdId = prod_id; + updateLocation(prod_id); + + } + } + }; + + /** + * description: + * This function will be called for undefine time. It's call be will be + * repeat every 5 seconds. If it reaches at last item then gets first item + * and keeps on moving to next item + * + * @returns {undefined} + */ + + $scope.initAnimation = function() { + + // keep setTimeout reference to stop it + autoAnim = setTimeout(function() { + + // get next item id and animate to next item + var prod_index = getProductIndex($scope, $scope.activeProdId); + if (prod_index != -1 && + (typeof $scope.productsBasicData[prod_index + + 1] != 'undefined')) { + shouldResetAnim = false; + // move to next item + $scope.next_slide(); + $scope.$digest(); + $scope.initAnimation(); + shouldResetAnim = true; + } + else { + // reach at last item. Fetch first one + ProductsService.getFirstProduct($scope.catId, function( + product) { + + if (product != null) { + var prod_id = parseInt(product.entity_id); + + if (!isNaN(prod_id)) { + shouldResetAnim = false; + // set first item as active + $scope.activeProdId = prod_id; + updateLocation(prod_id); + + + $scope.$digest(); + + shouldResetAnim = true; + } + } + + $scope.initAnimation(); + + }); + + } + }, 5000); + }; + + /** + * description: + * Stop animation if it is being played. This method will be called when we want to stop animation + * + * @returns {undefined} + */ + $scope.unInitAnimation = function() { + if (autoAnim != null) { + clearTimeout(autoAnim); + autoAnim = null; + } + }; + + /** + * description: + * When user change category this method will be called. We stop existing + * animation and schedule new animation. We need to stop and restart animation + * to display new category first item for 5 seconds otherwise it will be displayed + * for less time. + * + * @returns {undefined} + */ + + $scope.scheduleAnimation = function() { + if ($scope.autoPlay == true) { + $scope.unInitAnimation(); + $scope.initAnimation(); + } + }; + + if ($scope.autoPlay == true) { + $scope.initAnimation(); + } + + }]); diff --git a/app/js/controllers/ProductOptionCtrl.js b/app/js/controllers/ProductOptionCtrl.js new file mode 100644 index 0000000..9318638 --- /dev/null +++ b/app/js/controllers/ProductOptionCtrl.js @@ -0,0 +1,26 @@ +'use strict' + +angular.module('st.app').controller('ProductOptionCtrl', ['$scope', '$log', + 'ProductsService', function($scope, $log, ProductsService) { + + $scope.selectedVal = ''; + $scope.selectedLabel = ''; + + if ($scope.prodId && $scope.optionLabel) { + ProductsService.getProductOptions($scope.prodId, function( + options) { + for (var optionIndex in options) { + var option = options[optionIndex]; + if (option.label == $scope.optionLabel) + $scope.option = option; + } + }); + } + + $scope._click = function(value) { + $scope.selectedLabel = value.label; + $scope.selectedVal = value.value; + $scope.option.selectedVal = value.value; + }; + + }]); \ No newline at end of file diff --git a/app/js/controllers/ProductThumbListController.js b/app/js/controllers/ProductThumbListController.js new file mode 100644 index 0000000..04db426 --- /dev/null +++ b/app/js/controllers/ProductThumbListController.js @@ -0,0 +1,122 @@ +'use strict'; + +/* Product Thumb List Controller */ + +angular.module('st.app').controller("ProductThumbListController", ['$rootScope', '$scope', 'ProductModel', + 'ProductsService','$location','$log','$element','$window','APP_CONFIG', + function($rootScope, $scope, ProductModel, ProductsService, + $location,$log,$element,$window,APP_CONFIG) { + + $scope.thumbsDatasource = []; + $scope.thumbnailItemWidth = 0; + $scope.thumbnailItemMinWidth = 80; + + var TAG = "ProductThumbListController"; + + /** + * description: + * Initiate thumbnails data fetching from ProductsService + * + * @returns {undefined} + */ + + $scope.initController = function(){ + + $scope.fetchProductImages(); + + }; + + $scope.$watch('activeProd',function(n,o){ + + if(n != null){ + $scope.initController(); + } + }); + + /** + * description: + * Fetch items for bookmarked url from ProductsService and load into + * thumbnails list + * + * @returns {undefined} + */ + + $scope.fetchProductImages = function() { + var productId = (typeof $scope.activeProd == 'undefined') ? null : $scope.activeProd.entity_id; + + if(productId != null){ + var minH = $scope.getPDPImageMinHeight(); + console.log("PDP Image Min Height : "+minH); + ProductsService.getProductImages(productId,minH,function(images) { + + if (images != null) { + // save first and last thumbnails to move prev and next + $scope.thumbsDatasource = images; + } + else{ + $scope.thumbsDatasource = []; + } + + }); + } + + }; + + /** + * + * @returns {undefined} + */ + + $scope.getPDPImageMinHeight = function(){ + var minH = 960; + return minH; + }; + + /** + * description: + * onItemClicked method will be called when thumbnail is clicked. Location + * will be changed and full product will show current active item + * + * @param {type} itemId + * @returns {undefined} + */ + + $scope.onItemClicked = function(item){ + $rootScope.$broadcast('product_image_selected',item); + }; + + /** + * description: + * This method will be called by GenralThumbListController at the time of item creation. + * Current controller knows about its datasource structure. It extracts data from item, build + * path and return. + * + * @param {type} item + * @returns {String} + */ + + $scope.buildHREFForItem = function(item){ + return "#/productdetails/"+$scope.activeProd.entity_id+"/"+$scope.activeProd.slug; + }; + + /** + * description: + * This method will be called by GeneralThumbListController. It makes unique id and return + * + * @param {type} item + * @returns {String} + */ + $scope.buildFQIdForItem = function(item){ + return "thumb_"+$scope.activeProd.entity_id+"_"+item.id; + }; + + /** + * + * @returns {Boolean} + */ + + $scope.shouldHideThumbList = function(){ + return false; + }; + + }]); \ No newline at end of file diff --git a/app/js/controllers/ProductTitleController.js b/app/js/controllers/ProductTitleController.js new file mode 100644 index 0000000..bca670c --- /dev/null +++ b/app/js/controllers/ProductTitleController.js @@ -0,0 +1,202 @@ +'use strict'; + +/* Product Title Controller */ + +angular.module('st.app').controller("ProductTitleController", ['$rootScope', + '$scope', '$element', '$document', '$window', 'APP_CONFIG', '$timeout', + function($rootScope, $scope, $element, $document, $window, APP_CONFIG, + $timeout) { + + $scope.isPosAdjusted = false; + $scope.thumbOffset = ""; + + var THUMB_LIST_HEIGHT = 60; + var adjustingTitle = false; + var shouldAdjustTitle = false; + + /** + * Sets the bottom offset of product-title on the basis of category-thumblist + * + * @param {type} blnShow + * @param {type} bottomOffset + * @param {type} bottomOffsetNum + * @returns {undefined} + */ + $scope.setTitleOffset = function(blnShow, bottomOffset, + bottomOffsetNum) { + if (blnShow) { + + $scope.isPosAdjusted = true; + + // bottom offset is in percentage + if (bottomOffset.indexOf("%") != -1) { + $element.css("bottom", bottomOffsetNum + 1 + "%"); + } + else if (bottomOffset.indexOf("px") != + -1) { // bottom offset is in pixels + $element.css("bottom", bottomOffsetNum + + THUMB_LIST_HEIGHT + "px"); + } + else { + $element.css("bottom", bottomOffsetNum + + THUMB_LIST_HEIGHT + "px"); + } + + } + else { + + $scope.isPosAdjusted = false; + + // bottom offset is in percentage + if (bottomOffset.indexOf("%") != -1) { + $element.css("bottom", bottomOffsetNum - 1 + "%"); + } + else if (bottomOffset.indexOf("px") != + -1) { // bottom offset is in pixels + $element.css("bottom", bottomOffsetNum - + THUMB_LIST_HEIGHT + "px"); + } + else { // Assume bottom offset is pixels + $element.css("bottom", bottomOffsetNum - + THUMB_LIST_HEIGHT + "px"); + } + } + } + + /** + * description: + * This method will be called when there need to displace description div. + * When thumb list will be shown, description shall be moved above and wisevres. + * If thumb list bottom offset is in % then we add 1% in its bottom offset. + * If it is set in pixels then we add THUMB_LIST_HEIGHT pixcels in its bottom offset. + * + * @param {type} blnShow + * @returns {undefined} + */ + + $scope.adjustTitlePos = function(blnShow) { + + if (adjustingTitle) + { + shouldAdjustTitle = true; + return; + } + + var bottomOffset = $element.css('bottom'); + var bottomOffsetNum = parseInt(bottomOffset); + + adjustingTitle = true; + $scope.setTitleOffset(blnShow, bottomOffset, bottomOffsetNum); + + $timeout(function() { + if (bottomOffset.indexOf("%") === -1) { + adjustingTitle = false; + var beforeTimout = bottomOffsetNum; + + bottomOffset = $element.css('bottom'); + bottomOffsetNum = parseInt(bottomOffset); + + if (Math.abs(beforeTimout - bottomOffsetNum) > 5) { + if (shouldAdjustTitle === true) { + $scope.setTitleOffset(!blnShow, bottomOffset, + bottomOffsetNum); + shouldAdjustTitle = false; + } + } + } + + }, 1500); + + }; + + /** + * descroption: + * Watch thumbState value. If values was changed check if there is need to + * displace description div. If thumb list and description not overlaping + * then no need to displace description div. + */ + $scope.$watch('thumbState', function(n, o) { + // For the time being stop title movement + /*if ($scope.isOverlapped(n) == true || $scope.isPosAdjusted) + $scope.adjustTitlePos(n); + */ + }); + + $scope.$watch('offset', function(n, o) { + + if (n != null) + $scope.thumbOffset = n; + + }); + + /** + * description: + * If thumb list and description have equal bottom offset it mean thumblist and + * descriptoin div are overlaying. + * + * @param {type} blnShow + * @returns {Boolean} + */ + + $scope.isOverlapped = function(blnShow) { + + //var thumbBottomOffset = angular.element('category-thumb-list').css('bottom'); + //var elm = angular.element($document[0].querySelector('st_category_thumb')); + var thumbBottomOffset = $scope.thumbOffset; + + var bottomOffset = $element.css('bottom'); + + var thumbPos = $scope.getPosition(thumbBottomOffset); + if (isNaN(thumbPos)) + thumbPos = $scope.getPosition("10%"); + var descPos = $scope.getPosition(bottomOffset); + + if (blnShow == true) { + if (thumbPos + THUMB_LIST_HEIGHT > descPos) + return true; + else + return false; + } + else + { + if (thumbPos - THUMB_LIST_HEIGHT > descPos) + return true; + else + return false; + } + + }; + + /** + * + * @returns {undefined} + */ + + $scope.getWindowHeight = function() { + return $window.innerHeight; + }; + + /** + * description: + * + * If offset is in percentage then calcualte its absolute position wrt to + * screen height. + * + * @param {type} offset + * @returns {Number|@var;winHeight} + */ + + $scope.getPosition = function(offset) { + + var winHeight = $scope.getWindowHeight(); + + if (offset.indexOf("%") != -1) { + var h = (winHeight * parseInt(offset)) / 100; + return h; + } + else { + return parseInt(offset); + } + }; + + }]); \ No newline at end of file diff --git a/app/js/controllers/StaticBlockController.js b/app/js/controllers/StaticBlockController.js new file mode 100644 index 0000000..2dd2a3a --- /dev/null +++ b/app/js/controllers/StaticBlockController.js @@ -0,0 +1,38 @@ +'use strict' + +angular.module('st.app').controller('StaticBlockCtrl', ['$scope', '$log', + '$injector', '$sce', 'APP_CONFIG', function($scope, $log, $injector, $sce, + APP_CONFIG) { + $scope.block = {}; + var ContentModel = $injector.get(APP_CONFIG.dataProvider + + 'ContentModel'); + + /** + * watch the blockId. If <> 0, show the block + */ + $scope.$watch('blockId', function(n, o) { + if (n == APP_CONFIG.noBlock || typeof n == 'undefined') { + $scope.display = false; + $scope.block = {}; + } else { + ContentModel.getStaticBlock(n, function(block) { + if (block) { + block.html = $sce.trustAsHtml(block.html); + $scope.block = block; + $scope.display = true; + } else { + $scope.display = false; + } + }); + } + }); + + /* + * remove the block and send an event so that the users could go back to last category + */ + $scope.removeBlock = function() { + $scope.display = false; + $scope.blockId = 0;// reset id + $scope.$emit('staticBlockExit'); + }; + }]); \ No newline at end of file diff --git a/app/js/controllers/ThumbnailController.js b/app/js/controllers/ThumbnailController.js new file mode 100644 index 0000000..f884266 --- /dev/null +++ b/app/js/controllers/ThumbnailController.js @@ -0,0 +1,802 @@ +'use strict'; + +/* Thumbnail Controller */ + +angular.module('st.app').controller("ThumbnailController", ['$rootScope', '$scope', 'ProductModel', + 'ProductsService','$location','$log','$element','APP_CONFIG', + function($rootScope, $scope, ProductModel, ProductsService, + $location,$log,$element,APP_CONFIG) { + + $scope.thumbnailsDatasource = []; + $scope.thumbnailItemWidth = 0; + $scope.thumbnailItemMinWidth = 200; + $scope.isMouseUpOnNav = true; + $scope.thumbFirstItem = null; + $scope.thumbLastItem = null; + $scope.prevCatId = -1; + $scope.thumbnailsCatId = -1; + $scope.isItemLoaded = false; + $scope.thumbActiveItemId = null; + $scope.categoryName = ""; + $scope.showThumbnails = false; + + + + // Constants + + $scope.SCROLL_DIRECTION_LEFT = "left"; + $scope.SCROLL_DIRECTION_RIGHT = "right"; + $scope.THUMBNAIL_LIST_TAG = 'thumbnail-list'; + $scope.THUMBNAIL_WRAPPER_CLASS = '.st_thumbs_wrapper'; + $scope.ALBUM_CLASS = '.album'; + $scope.THUMBS_CLASS = '.st_thumbs'; + + + var TAG = "ThumbnailController"; + var scrollFactor = 10; + var scrollDuration = 30; + + /** + * description: + * If item is already loaded in thumbnail list and is not visible on the screen + * (currently item is off the screen),just set its position so that user can view it. + * It should be displayed at left side. Also apply active item class. + * Otherwise fetch it from ProductsService and load into thumbnail lis + * + */ + $scope.selectPrevItem = function(item_id) { + + if($scope.isMouseUpOnNav == false) // scrolling thumbnails list. No need to set position + return; + $scope.getThumbWrapper(function(wrapper) { + + // make item id + var id = "#thumb_" + $scope.thumbnailsCatId + "_" + item_id; + var pos = $(id).position(); + + var winWidth = $(window).width(); + var itemWidth = $(id).width(); + + if (pos != null) + { + // if pos.left is less than 0 it mean item is off the screen on left side + if (pos.left < 0) { + + // scroll to main product active item so that it should be visible + var xPos = wrapper.scrollLeft(); + xPos = xPos - itemWidth; + wrapper.scrollLeft(xPos - scrollFactor); + } + // if pos.left > screenWidth it mean item is off the screen on right side + else if (pos.left > 0 && pos.left > winWidth) { + // set xPos so that item is visible + var xPos = pos.left - winWidth + itemWidth + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + + $scope.highlightActiveItem(id); + + } + else { + // item does not exist in thumbnail list. So load it from cache + $scope.loadPrevThumbnails(false, function(newWidth) { + var xPos = newWidth; + wrapper.scrollLeft(xPos - $scope.thumbnailItemWidth); + + $scope.highlightActiveItem(id); + }); + } + + $scope.isItemLoaded = true; + + }); + }; + + /** + * description: + * If item is already loaded in thumbnail list and is not visible on the screen + * just set is position so that user can view it. It should be displayed + * at right side. Also apply active item class. + * Otherwise fetch it from ProductsService and load into thumbnail list + * + * @param {type} item_id + * @returns {undefined} + */ + + $scope.selectNextItem = function(item_id) { + + + if($scope.isMouseUpOnNav == false) // scrolling thumbnails list. No need to set position + return; + + $scope.getThumbWrapper(function(wrapper) { + + var id = "#thumb_" + $scope.thumbnailsCatId + "_" + item_id; + var pos = $(id).position(); + + var winWidth = $(window).width(); + + var itemWidth = $(id).width(); + + if (pos != null) { + + // if left > screen width it mean item is off the screen on right side + if (pos.left > 0 && pos.left > winWidth) { + + // scroll to main product active item + var xPos = pos.left - winWidth + itemWidth + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + // if left < 0 it mean item is off the screen on left side + else if (pos.left < 0) { + var xPos = pos.left + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + + $scope.highlightActiveItem(id); + } + else { + // item not exist in thumbnail list. Fetch it from cache + $scope.loadNextThumbnails(true); + var xPos = wrapper.scrollLeft(); + wrapper.scrollLeft(xPos + $scope.thumbnailItemWidth); + + $scope.highlightActiveItem(id); + } + + $scope.isItemLoaded = true; + }); + }; + + /** + * Monitory any change in the category id from the parent upon which + * new items will be loaded in the thumbnail list + */ + $scope.$watch('catId', function(n, o) { + /** + * if the current and old categories aren't same then it means that + * we need to get new product list for new category so we have to + * set active product id to 0 + */ + + if(n == null) + $scope.thumbnailsCatId = APP_CONFIG.defaultCategory.id; + else + $scope.thumbnailsCatId = n; + + $scope.initController(); + + }); + + /** + * description: + * Upon product change we need to select active item in thumbnail list. + * We need to identify user has pressed left or right button on main screen + */ + $scope.$watch('activeProdId', function(n, o) { + + /* + * get rank from product id. If new product rank is greater than old product rank + * it means user is moving towards right. If new proudct rank is less than old + * porduct rank it means user is moving towards left + */ + + var oldProdRank = ProductsService.getProductRank($scope.thumbnailsCatId,o); + var newProdRank = ProductsService.getProductRank($scope.thumbnailsCatId,n); + + if(newProdRank > oldProdRank){ + $scope.selectNextItem(n); + } + else if(newProdRank < oldProdRank){ + $scope.selectPrevItem(n); + } + + }); + + /** + * description: + * categoryName is binded span. It will display category name as soon as its + * value is changed + */ + + $scope.$watch('selectedCategory', function(n, o) { + if(n != null){ + $scope.categoryName = n.name; + } + }); + + /** + * description: + * Initiate thumbnails data fetching from ProductsService + * + * @returns {undefined} + */ + + $scope.initController = function(){ + // check if thumbnails items are already loaded and displayed + if ($scope.thumbFirstItem == null && $scope.thumbLastItem == null) { + + // fetch and load items for book marked url + $scope.prevCatId = $scope.thumbnailsCatId; + + $log.debug(TAG + ':initController: --- fetching bookmarks'); + $scope.fetchThumbnailsForBookmarks(); + + $scope.hideThumbnails(); + } + else { + // category changed from category menu + if ($scope.prevCatId != $scope.thumbnailsCatId) { + + $log.debug(TAG + ':initController: --- cateogry changed'); + // category changed. Need to refresh thumbnails items + $scope.thumbFirstItem = null; + $scope.thumbLastItem = null; + + $scope.prevCatId = $scope.thumbnailsCatId; + + // remove thumbnails associate with previous cateogry as we need to load thumbs for new category + $scope.getThumbWrapper(function(wrapper) { + + wrapper.find('.st_thumbs a').each(function() { + $(this).remove(); + }); + + $scope.thumbnailsDatasource = $scope.thumbnailsDatasource.splice(0,$scope.thumbnailsDatasource.length); + + wrapper.scrollLeft(0); + + $log.debug(TAG + ':initController: --- fetching thumbnails'); + // fetch and load items for normal site open + $scope.fetchThumbnails($scope.thumbnailsCatId); + + $scope.hideThumbnails(); + }); + } + } + }; + + /** + * description: + * Apply class on required item. Also remove class from previous + * selected item. + * + * @param {type} itemId + * @returns {undefined} + * + * + */ + + $scope.highlightActiveItem = function(itemId){ + + $(itemId).addClass("st_thumbs_active"); + + if($scope.thumbActiveItemId != null && itemId != $scope.thumbActiveItemId){ + $($scope.thumbActiveItemId).removeClass("st_thumbs_active"); + } + + $scope.thumbActiveItemId = itemId; + }; + + /** + * description: + * Fetch items for bookmarked url from ProductsService and load into + * thumbnails list + * + * @returns {undefined} + */ + + + $scope.fetchThumbnailsForBookmarks = function() { + + + var productId = (typeof $scope.activeProdId == 'undefined') ? null : $scope.activeProdId; + var rank = ProductsService.getProductRank($scope.thumbnailsCatId, productId); + + var size = parseInt($(window).width()/$scope.thumbnailItemMinWidth) * 2; + + //retrieve the 3 product ids from the service on the basis of cateogry and productId + ProductsService.getProductsBasicData($scope.thumbnailsCatId, + productId, rank, size, 'created_at', 'desc', 'prevnext', true, true, + function(thumbnails) { + + if (thumbnails != null) { + // save first and last thumbnails to move prev and next + $scope.thumbFirstItem = thumbnails[0]; + $scope.thumbLastItem = thumbnails[thumbnails.length - 1]; + $scope.thumbnailsDatasource = thumbnails; + + setTimeout(function(){ + + // load fetched thumbnails + $scope.loadThumbs(function(newWidth){ + $scope.scrollToActiveItem(); + }); + },150); + + } + }); + + }; + + /** + * description: + * Fetch data from ProductsService and load into thumbnails list + * + * @param {type} categoryId + * @returns {undefined} + */ + $scope.fetchThumbnails = function(categoryId) { + + var size = parseInt($(window).width()/$scope.thumbnailItemMinWidth) * 2; + + // fetch thumbnails from cache + ProductsService.getProductsBasicData(categoryId, 0, 0, size, + 'created_at', 'desc', 'prevnext', true, true, + function(thumbnails) { + if (thumbnails != null) { + // save first and last thumbnails data to move prev and next + $scope.thumbFirstItem = thumbnails[0]; + $scope.thumbLastItem = thumbnails[thumbnails.length - 1]; + $scope.thumbnailsDatasource = thumbnails; + // load fetched thumbnails + setTimeout(function(){ + + // load fetched thumbnails + $scope.loadThumbs(function(newWidth){ + $scope.scrollToActiveItem(); + }); + },150); + } + }); + + }; + + /** + * description: + * Adjust width of thumbnails container so that items can be displayed in a single row. + * If item is not loaded yet, take minimum thumbnail width and adjust container width + * + * @returns {undefined} + */ + + $scope.buildThumbs = function() { + + $scope.getThumbWrapper(function(wrapper) { + + var width = 0; + + var tempWidth = -1; + wrapper.find('.st_thumbs a').each(function() { + if ($(this).outerWidth(true) >= $scope.thumbnailItemMinWidth) + width += $(this).outerWidth(true); + else + width += $scope.thumbnailItemMinWidth + 6 ; // margin 6 px: 3px left + 3px right + }); + + $scope.thumbnailItemWidth = $scope.thumbnailItemMinWidth; + + if(width < $scope.thumbnailsDatasource.length * $scope.thumbnailItemMinWidth){ + width = ($scope.thumbnailsDatasource.length * $scope.thumbnailItemMinWidth); + // Adjust width with margin 6 px: 3px left + 3px right + width += $scope.thumbnailsDatasource.length * 6; + } + + width = width + $scope.thumbnailItemWidth; + + var thumbs = $(wrapper).children($scope.THUMBS_CLASS); + thumbs.css('width', width + 'px'); + + }); + }; + + /** + * + * @param {type} callback + * @returns {undefined} + */ + $scope.loadThumbs = function(callback) { + + $scope.getThumbWrapper(function(wrapper) { + + var thumbs = $(wrapper).children($scope.THUMBS_CLASS); + var newItemsWidth = thumbs.width(); + + var newItemsWidth = thumbs.width(); + + $scope.buildThumbs(); + + newItemsWidth = thumbs.width() - newItemsWidth; + + if (callback != null) + callback(newItemsWidth); + }); + }; + + /** + * description: + * onThumbnailClick method will be called when thumbnail is clicked. Location + * will be changed and full product will show current active item + * + * @param {type} itemId + * @returns {undefined} + */ + + $scope.onThumbnailClick = function(itemId){ + + $scope.activeProdId = itemId; + $location.search('c', $scope.thumbnailsCatId); + $location.search('p', itemId); + + var id = "#thumb_" + $scope.thumbnailsCatId + "_" + itemId; + $scope.highlightActiveItem(id); + }; + + /** + * + * @param {type} oldWidth + * @param {type} callback + * @returns {undefined} + * + * + */ + + $scope.addThumbs = function(oldWidth,callback) { + $scope.getThumbWrapper(function(wrapper) { + + var thumbs = $(wrapper).children($scope.THUMBS_CLASS); + + $scope.buildThumbs(); + + var newItemsWidth = ($scope.thumbnailsDatasource.length + 2) * $scope.thumbnailItemMinWidth - oldWidth; + + if (callback != null) + callback(newItemsWidth); + + }); + }; + + /** + * description: + * It returns width of thumbs container + * + * @param {type} callback + * @returns {undefined} + */ + $scope.thumbsContainerWidth = function(callback){ + + $scope.getThumbWrapper(function(wrapper) { + + var thumbs = $(wrapper).children($scope.THUMBS_CLASS); + var newItemsWidth = thumbs.width(); + if (callback != null) + callback(newItemsWidth); + + }); + }; + + /* + * description: + * loadNextThumbnails will be called when there is need to fetch and add thumbnails in thumbnails list + * It will fetch items next to last fetched item + * + * @param {type} isAppend + * @returns {undefined} + * + * + */ + $scope.loadNextThumbnails = function(isAppend) { + + if($scope.thumbLastItem == null) + return; + // fetch thumbnails for rank + ProductsService.getProductsBasicData($scope.thumbnailsCatId, + $scope.thumbLastItem.entity_id, $scope.thumbLastItem.rank, 10, + 'created_at', 'desc', 'next', false, false, function(thumbnails) { + + // No item found. + if (thumbnails == null || thumbnails.length == 0) + return; + + var tempItem = thumbnails[thumbnails.length - 1]; + + if(tempItem == null) + return; + + // item already fetched. No need to add. Just ignore it + if ($scope.thumbLastItem != null && $scope.thumbLastItem.rank == tempItem.rank) + return; + + $scope.thumbnailsDatasource = $scope.thumbnailsDatasource.concat(thumbnails); + + + // load newly fetched items + $scope.thumbLastItem = tempItem; + + setTimeout(function(){ + $scope.addThumbs(); + $scope.$digest(); + },10); + + }); + + }; + + /* + * description: + * loadPrevThumbnails will be called when user open bookmarked url and press prev button to scroll towards + * left. It will fetch previous items. + * + * @param {type} isAppend + * @param {type} callback + * @returns {undefined} + * + */ + + $scope.loadPrevThumbnails = function(isAppend, callback) { + + if($scope.thumbFirstItem == null) + return; + + // check if more items are avaiable. Previous to current first item + if ($scope.thumbFirstItem.rank > 1) + { + ProductsService.getProductsBasicData($scope.thumbnailsCatId, + $scope.thumbFirstItem.entity_id, $scope.thumbFirstItem.rank, + 10, 'created_at', 'desc', 'prev', false, false, + function(thumbnails) { + + // No item found + if (thumbnails == null || thumbnails.length == 0) + return; + + for(var i = 0 ; i < thumbnails.length; ++i) + { + $scope.thumbFirstItem = thumbnails[i]; + if($scope.thumbFirstItem != null) + break; + } + + $scope.thumbsContainerWidth(function(thumbsWidth){ + + var thumbs = $.map(thumbnails, function (value, key) { return value; }); + $scope.thumbnailsDatasource = thumbs.concat($scope.thumbnailsDatasource); + + // Load fetched items + $scope.addThumbs(thumbsWidth,function(newPos) { + $scope.$digest(); + if (callback != null) + callback(newPos); + }); + + }); + + }); + } + + }; + + /* + * description: + * scrollLeft will be called when user press left thumbnail navigation button. + * + * @returns {undefined} + * + */ + $scope.scrollLeft = function() { + $scope.getThumbWrapper(function(wrapper) { + + var xPos = wrapper.scrollLeft(); + if (xPos == 0) { + $scope.loadPrevThumbnails(false, function(newWidth) { + xPos += newWidth; + + wrapper.scrollLeft(xPos); + setTimeout(function() { + $scope.scrollLeft(); + }, scrollDuration); + }); + } else { + wrapper.scrollLeft(xPos - scrollFactor); + setTimeout(function() { + if ($scope.isMouseUpOnNav == false) + $scope.scrollLeft(); + }, scrollDuration); + } + }); + + }; + + /* + * description: + * scrollRight will be called when user press right thumbnail navigation button. + * + * @returns {undefined} + * + */ + $scope.scrollRight = function() { + + $scope.getThumbWrapper(function(wrapper) { + var wrapperWidth = wrapper.width(); + + var thumbsWidth = $(wrapper).children($scope.THUMBS_CLASS).width(); + + var xPos = wrapper.scrollLeft(); + if ((xPos + (2 * wrapperWidth)) >= thumbsWidth) { + $scope.loadNextThumbnails(true); + } + + var tempWidth = $(window).width(); + // if reached at last item. No need to scroll more. + if (xPos + $scope.thumbnailItemWidth <= thumbsWidth - tempWidth) + wrapper.scrollLeft(xPos + scrollFactor); + setTimeout(function() { + if ($scope.isMouseUpOnNav == false) + $scope.scrollRight(); + }, scrollDuration); + }); + }; + + /* + * description: + * getThumbWrapper return wrapper element which is children of thumbnail-list element + * + * @param {type} callback + * @returns {undefined} + * + */ + // extract thumbnail wrapper binded with current controller + $scope.getThumbWrapper = function(callback) { + + var div = $element.children('div'); + // extract thumbnail wrapper element + var album = $(div).children($scope.ALBUM_CLASS); + var wrapper = $(album).children($scope.THUMBNAIL_WRAPPER_CLASS); + + callback(wrapper); + }; + + // handle mouse down event on thumbnnails left navigation bar + $scope.onMouseDownOnNavLeft = function($event) { + $scope.isMouseUpOnNav = false; + $scope.scrollLeft(); + }; + + // handle mouse up event on thumbnails left navigation bar + $scope.onMouseUpOnLeftNav = function($event) { + $scope.isMouseUpOnNav = true; + }; + + // handle mouse leave event on thumnails left navigation bar + $scope.onMouseLeftLeftNav = function($event) { + $scope.isMouseUpOnNav = true; + }; + + // handle mouse down event on thumbnnails right navigation bar + $scope.onMouseDownOnNavRight = function($event) { + + $scope.isMouseUpOnNav = false; + $scope.scrollRight(); + }; + + // handle mouse up event on thumbnails right navigation bar + $scope.onMouseUpOnRightNav = function($event) { + $scope.isMouseUpOnNav = true; + }; + + // handle mouse leave event on thumnails right navigation bar + $scope.onMouseLeftRightNav = function($event) { + $scope.isMouseUpOnNav = true; + }; + + // handle mouse leave event on thumbnails-list + $scope.onMouseLeft = function($event) { + //console.log('mouselef TC');return; + var mouseXPos = $event.screenX; + var screenWidth = $event.view.outerWidth; + + if (mouseXPos > 0 && mouseXPos < screenWidth){ + $scope.showThumbnails = false; + $scope.getThumbWrapper(function(wrapper) { + + $(wrapper).stop(); + wrapper.hide("0.25"); + }); + } + }; + // handle mouse enter event on thumnails-list + $scope.onMouseEnter = function($event) { + //console.log('mosueenter TC');return; + $scope.showThumbnails = true; + $scope.getThumbWrapper(function(wrapper) { + + var elm = wrapper.find('.st_thumbs a'); + // no item is loaded for current category. Try to reload items + if(elm.length == 0){ + $scope.initController(); + } + + $(wrapper).stop(); + wrapper.show("0.25"); + + if ($scope.isItemLoaded) { + $scope.scrollToActiveItem(); + $scope.isItemLoaded = false; + } + }); + }; + + /** + * description: Thumbnail list is being show at the start. We hide thumbnails list + * after 5 seconds + * + * @returns {undefined} + */ + + $scope.hideThumbnails = function(){ + + setTimeout(function() { + $scope.getThumbWrapper(function(wrapper) { + if($scope.showThumbnails == false){ + wrapper.stop(); + wrapper.hide("0.5"); + } + }); + },1000); + + }; + + /* + * description: + * scrollToActiveItem will be called when thumbnails state change from hidden to visible + * When user click on prev/next button we cannot scroll to item as these are hidden. + * When user moves on thumbnails-list we find active item and scroll to that item. + * + * @returns {undefined} + * + */ + + $scope.scrollToActiveItem = function() { + + setTimeout(function() { + + // fetch thumb wrapper associated with current controller + $scope.getThumbWrapper(function(wrapper) { + + // make thumbitem id and get its position + var id = "#thumb_" + $scope.thumbnailsCatId + "_" + $scope.activeProdId; + var pos = $(id).position(); + + var winWidth = $(window).width(); + var itemWidth = $(id).width(); + + if (pos != null) { + + // item found and it is off the screen on write side + if (pos.left > 0 && pos.left > winWidth) { + + // scroll to main product active item + var xPos = pos.left - winWidth + itemWidth + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + else if(pos.left > 0 && pos.left < $scope.thumbnailItemMinWidth){ + // scroll to required position + var xPos = $scope.thumbnailItemMinWidth + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + // item found and its off the screen on left side + else if (pos.left < 0) { + + // scroll to required position + var xPos = pos.left + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos - scrollFactor); + } + + $scope.highlightActiveItem(id); + } + + }); + }, 30); + }; + + }]); diff --git a/app/js/controllers/ThumbnailController1.js b/app/js/controllers/ThumbnailController1.js new file mode 100644 index 0000000..62c9898 --- /dev/null +++ b/app/js/controllers/ThumbnailController1.js @@ -0,0 +1,412 @@ +'use strict'; + +/* Thumbnail Controller */ + +myApp.controller("ThumbnailController", ['$rootScope', '$scope', 'ProductModel', + 'ProductsService', '$stateParams', '$location', '$window','$log', + function($rootScope, $scope, ProductModel, ProductsService, $stateParams, + $location, $window,$log) { + + $scope.thumbnailItemWidth = 0; + $scope.thumbnailItemMinWidth = 200; + $scope.isMouseUpOnNav = false; + $scope.showThumbnails = false; + $scope.thumbFirstItem = null; + $scope.thumbLastItem = null; + $scope.prevCatId = -1; + $scope.thumbnailsCatId = -1; + $scope.isItemLoaded = false; + $scope.thumbActiveItemId = null; + + // Constants + + $scope.SCROLL_DIRECTION_LEFT = "left"; + $scope.SCROLL_DIRECTION_RIGHT = "right"; + $scope.THUMBNAIL_LIST_TAG = 'thumbnail-list'; + $scope.THUMBNAIL_WRAPPER_CLASS = '.st_thumbs_wrapper'; + $scope.ALBUM_CLASS = '.album'; + $scope.THUMBS_CLASS = '.st_thumbs'; + + + var TAG = "ThumbnailController"; + + // handle event move to previous proudct + $scope.$on('moveToPreviousProduct', function(event, cat_id, item_id) { + + // check controller context + if (cat_id != $scope.thumbnailsCatId) + return; + + /* if thumbnaisl are hidden we cannot scroll thumbnails item. To move on next item we show it + * and set its opacity 0. So user will not be able to see. When user move curson on thumbnails + * item we set its opacity 1 + */ + if ($scope.showThumbnails == false) { + $scope.showThumbnails = true; + $scope.updateThumbsOpacity(0); + } + + // get thumbnail-list wrapper bined with current cat-id/controller + $scope.getThumbWrapper(function(wrapper) { + + // make item id + var id = "#thumb_" + cat_id + "_" + item_id; + var pos = $(id).position(); + var winWidth = $(window).width(); + var itemWidth = $(id).width(); + + if (pos != null) + { + // if pos.left is less than 0 it mean item is off the screen on left side + if (pos.left < 0) { + + // scroll to main product active item so that it should be visible + var xPos = wrapper.scrollLeft(); + xPos = xPos - itemWidth; + wrapper.scrollLeft(xPos - 5); + } + // if pos.left > screenWidth it mean item is off the screen on right side + else if (pos.left > 0 && pos.left > winWidth) { + // set xPos so that item is visible + var xPos = pos.left - winWidth + itemWidth + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + + $scope.highlightActiveItem(id); + + } + else { + // item does not exist in thumbnail list. So load it from cache + $scope.loadPrevThumbnails(false, function(newWidth) { + var xPos = newWidth; + wrapper.scrollLeft(xPos - $scope.thumbnailItemWidth); + $scope.isItemLoaded = true; + + $scope.highlightActiveItem(id); + }); + } + + }); + }); + + // hanlde event move to next product + + $scope.$on('moveToNextProduct', function(event, cat_id, item_id) { + + if (cat_id != $scope.thumbnailsCatId) + return; + + /* if thumbnaisl are hidden we cannot scroll thumbnails item. To move on next item we show it + * and set its opacity 0. So user will not be able to see. When user move curson on thumbnails + * item we set its opacity 1 + */ + if ($scope.showThumbnails == false) { + $scope.showThumbnails = true; + $scope.updateThumbsOpacity(0); + } + // fetch thumber wrapper associated with this controller + $scope.getThumbWrapper(function(wrapper) { + + var id = "#thumb_" + cat_id + "_" + item_id; + var pos = $(id).position(); + + var winWidth = $(window).width(); + var itemWidth = $(id).width(); + + if (pos != null) { + + // if left > screen width it mean item is off the screen on right side + if (pos.left > 0 && pos.left > winWidth) { + + // scroll to main product active item + var xPos = pos.left - winWidth + itemWidth + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + // if left < 0 it mean item is off the screen on left side + else if (pos.left < 0) { + var xPos = pos.left + wrapper.scrollLeft(); + wrapper.scrollLeft(xPos); + } + + $scope.highlightActiveItem(id); + } + else { + // item not exist in thumbnail list. Fetch it from cache + $scope.loadNextThumbnails(true); + var xPos = wrapper.scrollLeft(); + wrapper.scrollLeft(xPos + $scope.thumbnailItemWidth); + $scope.isItemLoaded = true; + + $scope.highlightActiveItem(id); + } + }); + }); + + // fetch thumbnails if category is changed + $rootScope.$on('$viewContentLoaded', function() { + + $log.debug(TAG + ':$viewContentLoaded: --- '); + + $scope.initController(); + }); + + /** + * description: initiate thumbnails fetching process + * + * + * @returns {undefined} + */ + + $scope.initController = function(){ + // check if thumbnails items are already loaded and displayed + if ($scope.thumbFirstItem == null && $scope.thumbLastItem == null) { + + // fetch and load items for book marked url + //if($scope.catId == $stateParams.categoryId){ + $scope.prevCatId = $stateParams.categoryId; + $scope.thumbnailsCatId = $stateParams.categoryId; + $scope.updateThumbWrapper($stateParams.categoryId); + $log.debug(TAG + ':initController: --- fetching bookmarks'); + $scope.fetchThumbnailsForBookmarks(); + /*} + else // fetch and load items for normal site open + $scope.fetchThumbnails($scope.catId); + */ + } + else { + // category changed from category menu + if ($scope.prevCatId != $stateParams.categoryId) { + + $log.debug(TAG + ':initController: --- cateogry changed'); + // category changed. Need to refresh thumbnails items + $scope.thumbFirstItem = null; + $scope.thumbLastItem = null; + + // update cateogry id + $scope.updateThumbWrapper($stateParams.categoryId); + $scope.thumbnailsCatId = $stateParams.categoryId; + $scope.prevCatId = $stateParams.categoryId; + + // remove thumbnails associate with previous cateogry as we need to load thumbs for new category + $scope.getThumbWrapper(function(wrapper) { + + wrapper.find('.st_thumbs a').each(function() { + $(this).remove(); + }); + $log.debug(TAG + ':initController: --- fetching thumbnails'); + // fetch and load items for normal site open + $scope.fetchThumbnails($scope.thumbnailsCatId); + }); + } + else{ + + $log.debug(TAG + ':initController: --- highlighting item'); + // get cateogry and product id + var cat_id = $stateParams.categoryId; + var item_id = $stateParams.prodId; + + // make thumbitem id and get its position + var id = "#thumb_" + cat_id + "_" + item_id; + + $scope.highlightActiveItem(id); + } + } + }; + + /** + * description: apply class on required item. Also remove class from previous + * selected item. + * + * @param {type} itemId + * @returns {undefined} + * + * + */ + + $scope.highlightActiveItem = function(itemId){ + + $(itemId).addClass("st_thumbs_active"); + + if($scope.thumbActiveItemId != null && itemId != $scope.thumbActiveItemId){ + $($scope.thumbActiveItemId).removeClass("st_thumbs_active"); + } + + $scope.thumbActiveItemId = itemId; + }; + + /** + * fetch items for bookmarked url + * @returns {undefined} + */ + + + $scope.fetchThumbnailsForBookmarks = function() { + + + var productId = (typeof $stateParams.prodId == 'undefined') ? null : $stateParams.prodId; + var rank = ProductsService.getProductRank($stateParams.categoryId, productId); + + //retrieve the 3 product ids from the service on the basis of cateogry and productId + ProductsService.getProductsBasicData($stateParams.categoryId, + productId, rank, 14, 'created_at', 'desc', 'prevnext', true, true, + function(thumbnails) { + + if (thumbnails != null) { + // save first and last thumbnails to move prev and next + $scope.thumbFirstItem = thumbnails[0]; + $scope.thumbLastItem = thumbnails[thumbnails.length - 1]; + // load fetched thumbnails + $scope.loadThumbs(0, thumbnails, true, function(newWidth){ + $scope.scrollToActiveItem(); + }); + } + // }); + }); + + }; + + /** + * + * @param {type} categoryId + * @returns {undefined} + */ + $scope.fetchThumbnails = function(categoryId) { + + // fetch thumbnails from cache + ProductsService.getProductsBasicData(categoryId, 0, 0, 14, + 'created_at', 'desc', 'prevnext', true, true, + function(thumbnails) { + if (thumbnails != null) { + // save first and last thumbnails data to move prev and next + $scope.thumbFirstItem = thumbnails[0]; + $scope.thumbLastItem = thumbnails[thumbnails.length - 1]; + // load fetched thumbnails + $scope.loadThumbs(0, thumbnails, true, function(w) { + $scope.scrollToActiveItem(); + }); + } + }); + + }; + + $scope.bindEvents = function() { + + $scope.thumbnailsCatId = $scope.catId; + $($scope.THUMBNAIL_WRAPPER_CLASS).animate({ + scrollLeft: 0 + }); + + }; + + /** + * + * @returns {undefined} + */ + + $scope.buildThumbs = function() { + + $scope.getThumbWrapper(function(wrapper) { + + var width = 0; + + var tempWidth = -1; + wrapper.find('.st_thumbs a').each(function() { + if ($(this).outerWidth(true) >= $scope.thumbnailItemMinWidth) + width += $(this).outerWidth(true); + else + width += $scope.thumbnailItemMinWidth; + }); + + var winWidth = $(window).width(); + + $scope.thumbnailItemWidth = $scope.thumbnailItemMinWidth; + + var thumbs = $(wrapper).children($scope.THUMBS_CLASS); + thumbs.css('width', width + $scope.thumbnailItemWidth + 'px'); + + }); + }; + + /** + * + * @param {type} offset + * @param {type} thumbnails + * @param {type} isAppend + * @param {type} callback + * @returns {undefined} + */ + $scope.loadThumbs = function(offset, thumbnails, isAppend, callback) { + + $scope.getThumbWrapper(function(wrapper) { + + var thumbs = $(wrapper).children($scope.THUMBS_CLASS); + var newItemsWidth = thumbs.width(); + + var newItemsWidth = thumbs.width(); + + var slug = $scope.slug; + + if (slug == null) + slug = "category"; + + // append items + while (offset < thumbnails.length) { + + var thumbnailItem = thumbnails[offset]; + var thumbId = "thumb_" + $scope.thumbnailsCatId + "_" + + thumbnailItem.entity_id; + if (isAppend) + thumbs.append(''); + else + thumbs.prepend(''); + offset++; + } + + $scope.buildThumbs(); + + newItemsWidth = thumbs.width() - newItemsWidth; + + if (callback != null) + callback(newItemsWidth); + }); + }; + + /** + * + * @param {type} isAppend + * @param {type} thumbnails + * @param {type} callback + * @returns {undefined} + * + * + */ + + $scope.addThumbs = function(isAppend, thumbnails, callback) { + $scope.getThumbWrapper(function(wrapper) { + + var thumbs = $(wrapper).children($scope.THUMBS_CLASS); + var newItemsWidth = thumbs.width(); + + var slug = $scope.slug; + + if (slug == null) + slug = "category"; + + var index = 0; + if (isAppend) { + while (index < thumbnails.length) { + var thumbnailItem = thumbnails[index]; + var thumbId = "thumb_" + $scope.thumbnailsCatId + "_" + + thumbnailItem.entity_id; + thumbs.append(''); + else + thumbs.prepend(''); + offset++; + } + + $scope.buildThumbs(); + + newItemsWidth = thumbs.width() - newItemsWidth; + + if (callback != null) + callback(newItemsWidth); + }); + }; + + /** + * + * @param {type} isAppend + * @param {type} thumbnails + * @param {type} callback + * @returns {undefined} + * + * + */ + + $scope.addThumbs = function(isAppend, thumbnails, callback) { + $scope.getThumbWrapper(function(wrapper) { + + var thumbs = $(wrapper).children($scope.THUMBS_CLASS); + var newItemsWidth = thumbs.width(); + + var slug = $scope.slug; + + if (slug == null) + slug = "category"; + + var index = 0; + if (isAppend) { + while (index < thumbnails.length) { + var thumbnailItem = thumbnails[index]; + var thumbId = "thumb_" + $scope.thumbnailsCatId + "_" + + thumbnailItem.entity_id; + thumbs.append('' + + }; +}]); + +/** + * dynamic content retriever: + * use for cases when the data block contains directives + */ +angular.module('st.app').directive('dynamicBlock', function( + ) { + return { + restrict: 'AE', + controller: 'dynamicBlockCtrl', + scope: false + }; +}); + +angular.module('st.app').directive('onTouch', function() { + return { + restrict: 'A', + link: function(scope, elm, attrs) { + var ontouchFn = scope.$eval(attrs.onTouch); + elm.bind('touchstart', function(evt) { + scope.$apply(function() { + ontouchFn.call(scope, evt.which); + }); + }); + } + }; +}); \ No newline at end of file diff --git a/app/js/filters.js b/app/js/filters.js new file mode 100644 index 0000000..a482ed7 --- /dev/null +++ b/app/js/filters.js @@ -0,0 +1,10 @@ +'use strict'; + +/* Filters */ + +angular.module('st.app.filters', []). + filter('interpolate', ['version', function(version) { + return function(text) { + return String(text).replace(/\%VERSION\%/mg, version); + } + }]); diff --git a/app/js/jquery-2.0.3.min.js b/app/js/jquery-2.0.3.min.js new file mode 100644 index 0000000..2be209d --- /dev/null +++ b/app/js/jquery-2.0.3.min.js @@ -0,0 +1,6 @@ +/*! jQuery v2.0.3 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license +//@ sourceMappingURL=jquery-2.0.3.min.map +*/ +(function(e,undefined){var t,n,r=typeof undefined,i=e.location,o=e.document,s=o.documentElement,a=e.jQuery,u=e.$,l={},c=[],p="2.0.3",f=c.concat,h=c.push,d=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,x=function(e,n){return new x.fn.init(e,n,t)},b=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^-ms-/,N=/-([\da-z])/gi,E=function(e,t){return t.toUpperCase()},S=function(){o.removeEventListener("DOMContentLoaded",S,!1),e.removeEventListener("load",S,!1),x.ready()};x.fn=x.prototype={jquery:p,constructor:x,init:function(e,t,n){var r,i;if(!e)return this;if("string"==typeof e){if(r="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:T.exec(e),!r||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof x?t[0]:t,x.merge(this,x.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:o,!0)),C.test(r[1])&&x.isPlainObject(t))for(r in t)x.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return i=o.getElementById(r[2]),i&&i.parentNode&&(this.length=1,this[0]=i),this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?n.ready(e):(e.selector!==undefined&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return d.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,t,n,r,i,o,s=arguments[0]||{},a=1,u=arguments.length,l=!1;for("boolean"==typeof s&&(l=s,s=arguments[1]||{},a=2),"object"==typeof s||x.isFunction(s)||(s={}),u===a&&(s=this,--a);u>a;a++)if(null!=(e=arguments[a]))for(t in e)n=s[t],r=e[t],s!==r&&(l&&r&&(x.isPlainObject(r)||(i=x.isArray(r)))?(i?(i=!1,o=n&&x.isArray(n)?n:[]):o=n&&x.isPlainObject(n)?n:{},s[t]=x.extend(l,o,r)):r!==undefined&&(s[t]=r));return s},x.extend({expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=a),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){(e===!0?--x.readyWait:x.isReady)||(x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(o,[x]),x.fn.trigger&&x(o).trigger("ready").off("ready")))},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray,isWindow:function(e){return null!=e&&e===e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if("object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(t){return!1}return!0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:JSON.parse,parseXML:function(e){var t,n;if(!e||"string"!=typeof e)return null;try{n=new DOMParser,t=n.parseFromString(e,"text/xml")}catch(r){t=undefined}return(!t||t.getElementsByTagName("parsererror").length)&&x.error("Invalid XML: "+e),t},noop:function(){},globalEval:function(e){var t,n=eval;e=x.trim(e),e&&(1===e.indexOf("use strict")?(t=o.createElement("script"),t.text=e,o.head.appendChild(t).parentNode.removeChild(t)):n(e))},camelCase:function(e){return e.replace(k,"ms-").replace(N,E)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,s=j(e);if(n){if(s){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(s){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:function(e){return null==e?"":v.call(e)},makeArray:function(e,t){var n=t||[];return null!=e&&(j(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:g.call(t,e,n)},merge:function(e,t){var n=t.length,r=e.length,i=0;if("number"==typeof n)for(;n>i;i++)e[r++]=t[i];else while(t[i]!==undefined)e[r++]=t[i++];return e.length=r,e},grep:function(e,t,n){var r,i=[],o=0,s=e.length;for(n=!!n;s>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,s=j(e),a=[];if(s)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(a[a.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(a[a.length]=r);return f.apply([],a)},guid:1,proxy:function(e,t){var n,r,i;return"string"==typeof t&&(n=e[t],t=e,e=n),x.isFunction(e)?(r=d.call(arguments,2),i=function(){return e.apply(t||this,r.concat(d.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):undefined},access:function(e,t,n,r,i,o,s){var a=0,u=e.length,l=null==n;if("object"===x.type(n)){i=!0;for(a in n)x.access(e,t,a,n[a],!0,o,s)}else if(r!==undefined&&(i=!0,x.isFunction(r)||(s=!0),l&&(s?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(x(e),n)})),t))for(;u>a;a++)t(e[a],n,s?r:r.call(e[a],a,t(e[a],n)));return i?e:l?t.call(e):u?t(e[0],n):o},now:Date.now,swap:function(e,t,n,r){var i,o,s={};for(o in t)s[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=s[o];return i}}),x.ready.promise=function(t){return n||(n=x.Deferred(),"complete"===o.readyState?setTimeout(x.ready):(o.addEventListener("DOMContentLoaded",S,!1),e.addEventListener("load",S,!1))),n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function j(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}t=x(o),function(e,undefined){var t,n,r,i,o,s,a,u,l,c,p,f,h,d,g,m,y,v="sizzle"+-new Date,b=e.document,w=0,T=0,C=st(),k=st(),N=st(),E=!1,S=function(e,t){return e===t?(E=!0,0):0},j=typeof undefined,D=1<<31,A={}.hasOwnProperty,L=[],q=L.pop,H=L.push,O=L.push,F=L.slice,P=L.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",W="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",$=W.replace("w","w#"),B="\\["+M+"*("+W+")"+M+"*(?:([*^$|!~]?=)"+M+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+$+")|)|)"+M+"*\\]",I=":("+W+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+B.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=RegExp("^"+M+"*,"+M+"*"),X=RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=RegExp(M+"*[+~]"),Y=RegExp("="+M+"*([^\\]'\"]*)"+M+"*\\]","g"),V=RegExp(I),G=RegExp("^"+$+"$"),J={ID:RegExp("^#("+W+")"),CLASS:RegExp("^\\.("+W+")"),TAG:RegExp("^("+W.replace("w","w*")+")"),ATTR:RegExp("^"+B),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:RegExp("^(?:"+R+")$","i"),needsContext:RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Q=/^[^{]+\{\s*\[native \w/,K=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,Z=/^(?:input|select|textarea|button)$/i,et=/^h\d$/i,tt=/'|\\/g,nt=RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),rt=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{O.apply(L=F.call(b.childNodes),b.childNodes),L[b.childNodes.length].nodeType}catch(it){O={apply:L.length?function(e,t){H.apply(e,F.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function ot(e,t,r,i){var o,s,a,u,l,f,g,m,x,w;if((t?t.ownerDocument||t:b)!==p&&c(t),t=t||p,r=r||[],!e||"string"!=typeof e)return r;if(1!==(u=t.nodeType)&&9!==u)return[];if(h&&!i){if(o=K.exec(e))if(a=o[1]){if(9===u){if(s=t.getElementById(a),!s||!s.parentNode)return r;if(s.id===a)return r.push(s),r}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(a))&&y(t,s)&&s.id===a)return r.push(s),r}else{if(o[2])return O.apply(r,t.getElementsByTagName(e)),r;if((a=o[3])&&n.getElementsByClassName&&t.getElementsByClassName)return O.apply(r,t.getElementsByClassName(a)),r}if(n.qsa&&(!d||!d.test(e))){if(m=g=v,x=t,w=9===u&&e,1===u&&"object"!==t.nodeName.toLowerCase()){f=gt(e),(g=t.getAttribute("id"))?m=g.replace(tt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",l=f.length;while(l--)f[l]=m+mt(f[l]);x=U.test(e)&&t.parentNode||t,w=f.join(",")}if(w)try{return O.apply(r,x.querySelectorAll(w)),r}catch(T){}finally{g||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,r,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>i.cacheLength&&delete t[e.shift()],t[n]=r}return t}function at(e){return e[v]=!0,e}function ut(e){var t=p.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function lt(e,t){var n=e.split("|"),r=e.length;while(r--)i.attrHandle[n[r]]=t}function ct(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function pt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return at(function(t){return t=+t,at(function(n,r){var i,o=e([],n.length,t),s=o.length;while(s--)n[i=o[s]]&&(n[i]=!(r[i]=n[i]))})})}s=ot.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},n=ot.support={},c=ot.setDocument=function(e){var t=e?e.ownerDocument||e:b,r=t.defaultView;return t!==p&&9===t.nodeType&&t.documentElement?(p=t,f=t.documentElement,h=!s(t),r&&r.attachEvent&&r!==r.top&&r.attachEvent("onbeforeunload",function(){c()}),n.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ut(function(e){return e.appendChild(t.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=ut(function(e){return e.innerHTML="
",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),n.getById=ut(function(e){return f.appendChild(e).id=v,!t.getElementsByName||!t.getElementsByName(v).length}),n.getById?(i.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){return e.getAttribute("id")===t}}):(delete i.find.ID,i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=n.getElementsByTagName?function(e,t){return typeof t.getElementsByTagName!==j?t.getElementsByTagName(e):undefined}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.CLASS=n.getElementsByClassName&&function(e,t){return typeof t.getElementsByClassName!==j&&h?t.getElementsByClassName(e):undefined},g=[],d=[],(n.qsa=Q.test(t.querySelectorAll))&&(ut(function(e){e.innerHTML="",e.querySelectorAll("[selected]").length||d.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll(":checked").length||d.push(":checked")}),ut(function(e){var n=t.createElement("input");n.setAttribute("type","hidden"),e.appendChild(n).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&d.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||d.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),d.push(",.*:")})),(n.matchesSelector=Q.test(m=f.webkitMatchesSelector||f.mozMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&ut(function(e){n.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",I)}),d=d.length&&RegExp(d.join("|")),g=g.length&&RegExp(g.join("|")),y=Q.test(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},S=f.compareDocumentPosition?function(e,r){if(e===r)return E=!0,0;var i=r.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(r);return i?1&i||!n.sortDetached&&r.compareDocumentPosition(e)===i?e===t||y(b,e)?-1:r===t||y(b,r)?1:l?P.call(l,e)-P.call(l,r):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,n){var r,i=0,o=e.parentNode,s=n.parentNode,a=[e],u=[n];if(e===n)return E=!0,0;if(!o||!s)return e===t?-1:n===t?1:o?-1:s?1:l?P.call(l,e)-P.call(l,n):0;if(o===s)return ct(e,n);r=e;while(r=r.parentNode)a.unshift(r);r=n;while(r=r.parentNode)u.unshift(r);while(a[i]===u[i])i++;return i?ct(a[i],u[i]):a[i]===b?-1:u[i]===b?1:0},t):p},ot.matches=function(e,t){return ot(e,null,null,t)},ot.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Y,"='$1']"),!(!n.matchesSelector||!h||g&&g.test(t)||d&&d.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return ot(t,p,null,[e]).length>0},ot.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},ot.attr=function(e,t){(e.ownerDocument||e)!==p&&c(e);var r=i.attrHandle[t.toLowerCase()],o=r&&A.call(i.attrHandle,t.toLowerCase())?r(e,t,!h):undefined;return o===undefined?n.attributes||!h?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null:o},ot.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},ot.uniqueSort=function(e){var t,r=[],i=0,o=0;if(E=!n.detectDuplicates,l=!n.sortStable&&e.slice(0),e.sort(S),E){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return e},o=ot.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=ot.selectors={cacheLength:50,createPseudo:at,match:J,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(nt,rt),e[3]=(e[4]||e[5]||"").replace(nt,rt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||ot.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&ot.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return J.CHILD.test(e[0])?null:(e[3]&&e[4]!==undefined?e[2]=e[4]:n&&V.test(n)&&(t=gt(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(nt,rt).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=C[e+" "];return t||(t=RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&C(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=ot.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),s="last"!==e.slice(-4),a="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,h,d,g=o!==s?"nextSibling":"previousSibling",m=t.parentNode,y=a&&t.nodeName.toLowerCase(),x=!u&&!a;if(m){if(o){while(g){p=t;while(p=p[g])if(a?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;d=g="only"===e&&!d&&"nextSibling"}return!0}if(d=[s?m.firstChild:m.lastChild],s&&x){c=m[v]||(m[v]={}),l=c[e]||[],h=l[0]===w&&l[1],f=l[0]===w&&l[2],p=h&&m.childNodes[h];while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[w,h,f];break}}else if(x&&(l=(t[v]||(t[v]={}))[e])&&l[0]===w)f=l[1];else while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if((a?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(x&&((p[v]||(p[v]={}))[e]=[w,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||ot.error("unsupported pseudo: "+e);return r[v]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?at(function(e,n){var i,o=r(e,t),s=o.length;while(s--)i=P.call(e,o[s]),e[i]=!(n[i]=o[s])}):function(e){return r(e,0,n)}):r}},pseudos:{not:at(function(e){var t=[],n=[],r=a(e.replace(z,"$1"));return r[v]?at(function(e,t,n,i){var o,s=r(e,null,i,[]),a=e.length;while(a--)(o=s[a])&&(e[a]=!(t[a]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:at(function(e){return function(t){return ot(e,t).length>0}}),contains:at(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:at(function(e){return G.test(e||"")||ot.error("unsupported lang: "+e),e=e.replace(nt,rt).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return et.test(e.nodeName)},input:function(e){return Z.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},i.pseudos.nth=i.pseudos.eq;for(t in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[t]=pt(t);for(t in{submit:!0,reset:!0})i.pseudos[t]=ft(t);function dt(){}dt.prototype=i.filters=i.pseudos,i.setFilters=new dt;function gt(e,t){var n,r,o,s,a,u,l,c=k[e+" "];if(c)return t?0:c.slice(0);a=e,u=[],l=i.preFilter;while(a){(!n||(r=_.exec(a)))&&(r&&(a=a.slice(r[0].length)||a),u.push(o=[])),n=!1,(r=X.exec(a))&&(n=r.shift(),o.push({value:n,type:r[0].replace(z," ")}),a=a.slice(n.length));for(s in i.filter)!(r=J[s].exec(a))||l[s]&&!(r=l[s](r))||(n=r.shift(),o.push({value:n,type:s,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?ot.error(e):k(e,u).slice(0)}function mt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function yt(e,t,n){var i=t.dir,o=n&&"parentNode"===i,s=T++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,a){var u,l,c,p=w+" "+s;if(a){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,a))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[v]||(t[v]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,a)||r,l[1]===!0)return!0}}function vt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,s=[],a=0,u=e.length,l=null!=t;for(;u>a;a++)(o=e[a])&&(!n||n(o,r,i))&&(s.push(o),l&&t.push(a));return s}function bt(e,t,n,r,i,o){return r&&!r[v]&&(r=bt(r)),i&&!i[v]&&(i=bt(i,o)),at(function(o,s,a,u){var l,c,p,f=[],h=[],d=s.length,g=o||Ct(t||"*",a.nodeType?[a]:a,[]),m=!e||!o&&t?g:xt(g,f,e,a,u),y=n?i||(o?e:d||r)?[]:s:m;if(n&&n(m,y,a,u),r){l=xt(y,h),r(l,[],a,u),c=l.length;while(c--)(p=l[c])&&(y[h[c]]=!(m[h[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?P.call(o,p):f[c])>-1&&(o[l]=!(s[l]=p))}}else y=xt(y===s?y.splice(d,y.length):y),i?i(null,s,y,u):O.apply(s,y)})}function wt(e){var t,n,r,o=e.length,s=i.relative[e[0].type],a=s||i.relative[" "],l=s?1:0,c=yt(function(e){return e===t},a,!0),p=yt(function(e){return P.call(t,e)>-1},a,!0),f=[function(e,n,r){return!s&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>l;l++)if(n=i.relative[e[l].type])f=[yt(vt(f),n)];else{if(n=i.filter[e[l].type].apply(null,e[l].matches),n[v]){for(r=++l;o>r;r++)if(i.relative[e[r].type])break;return bt(l>1&&vt(f),l>1&&mt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&wt(e.slice(l,r)),o>r&&wt(e=e.slice(r)),o>r&&mt(e))}f.push(n)}return vt(f)}function Tt(e,t){var n=0,o=t.length>0,s=e.length>0,a=function(a,l,c,f,h){var d,g,m,y=[],v=0,x="0",b=a&&[],T=null!=h,C=u,k=a||s&&i.find.TAG("*",h&&l.parentNode||l),N=w+=null==C?1:Math.random()||.1;for(T&&(u=l!==p&&l,r=n);null!=(d=k[x]);x++){if(s&&d){g=0;while(m=e[g++])if(m(d,l,c)){f.push(d);break}T&&(w=N,r=++n)}o&&((d=!m&&d)&&v--,a&&b.push(d))}if(v+=x,o&&x!==v){g=0;while(m=t[g++])m(b,y,l,c);if(a){if(v>0)while(x--)b[x]||y[x]||(y[x]=q.call(f));y=xt(y)}O.apply(f,y),T&&!a&&y.length>0&&v+t.length>1&&ot.uniqueSort(f)}return T&&(w=N,u=C),b};return o?at(a):a}a=ot.compile=function(e,t){var n,r=[],i=[],o=N[e+" "];if(!o){t||(t=gt(e)),n=t.length;while(n--)o=wt(t[n]),o[v]?r.push(o):i.push(o);o=N(e,Tt(i,r))}return o};function Ct(e,t,n){var r=0,i=t.length;for(;i>r;r++)ot(e,t[r],n);return n}function kt(e,t,r,o){var s,u,l,c,p,f=gt(e);if(!o&&1===f.length){if(u=f[0]=f[0].slice(0),u.length>2&&"ID"===(l=u[0]).type&&n.getById&&9===t.nodeType&&h&&i.relative[u[1].type]){if(t=(i.find.ID(l.matches[0].replace(nt,rt),t)||[])[0],!t)return r;e=e.slice(u.shift().value.length)}s=J.needsContext.test(e)?0:u.length;while(s--){if(l=u[s],i.relative[c=l.type])break;if((p=i.find[c])&&(o=p(l.matches[0].replace(nt,rt),U.test(u[0].type)&&t.parentNode||t))){if(u.splice(s,1),e=o.length&&mt(u),!e)return O.apply(r,o),r;break}}}return a(e,f)(o,t,!h,r,U.test(e)),r}n.sortStable=v.split("").sort(S).join("")===v,n.detectDuplicates=E,c(),n.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(p.createElement("div"))}),ut(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||lt("type|href|height|width",function(e,t,n){return n?undefined:e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ut(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||lt("value",function(e,t,n){return n||"input"!==e.nodeName.toLowerCase()?undefined:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||lt(R,function(e,t,n){var r;return n?undefined:(r=e.getAttributeNode(t))&&r.specified?r.value:e[t]===!0?t.toLowerCase():null}),x.find=ot,x.expr=ot.selectors,x.expr[":"]=x.expr.pseudos,x.unique=ot.uniqueSort,x.text=ot.getText,x.isXMLDoc=ot.isXML,x.contains=ot.contains}(e);var D={};function A(e){var t=D[e]={};return x.each(e.match(w)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?D[e]||A(e):x.extend({},e);var t,n,r,i,o,s,a=[],u=!e.once&&[],l=function(p){for(t=e.memory&&p,n=!0,s=i||0,i=0,o=a.length,r=!0;a&&o>s;s++)if(a[s].apply(p[0],p[1])===!1&&e.stopOnFalse){t=!1;break}r=!1,a&&(u?u.length&&l(u.shift()):t?a=[]:c.disable())},c={add:function(){if(a){var n=a.length;(function s(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&c.has(n)||a.push(n):n&&n.length&&"string"!==r&&s(n)})})(arguments),r?o=a.length:t&&(i=n,l(t))}return this},remove:function(){return a&&x.each(arguments,function(e,t){var n;while((n=x.inArray(t,a,n))>-1)a.splice(n,1),r&&(o>=n&&o--,s>=n&&s--)}),this},has:function(e){return e?x.inArray(e,a)>-1:!(!a||!a.length)},empty:function(){return a=[],o=0,this},disable:function(){return a=u=t=undefined,this},disabled:function(){return!a},lock:function(){return u=undefined,t||c.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!a||n&&!u||(t=t||[],t=[e,t.slice?t.slice():t],r?u.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!n}};return c},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var s=o[0],a=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var s=o[2],a=o[3];r[o[1]]=s.add,a&&s.add(function(){n=a},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=s.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=d.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),s=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?d.call(arguments):r,n===a?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},a,u,l;if(r>1)for(a=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(s(t,l,n)).fail(o.reject).progress(s(t,u,a)):--i;return i||o.resolveWith(l,n),o.promise()}}),x.support=function(t){var n=o.createElement("input"),r=o.createDocumentFragment(),i=o.createElement("div"),s=o.createElement("select"),a=s.appendChild(o.createElement("option"));return n.type?(n.type="checkbox",t.checkOn=""!==n.value,t.optSelected=a.selected,t.reliableMarginRight=!0,t.boxSizingReliable=!0,t.pixelPosition=!1,n.checked=!0,t.noCloneChecked=n.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!a.disabled,n=o.createElement("input"),n.value="t",n.type="radio",t.radioValue="t"===n.value,n.setAttribute("checked","t"),n.setAttribute("name","t"),r.appendChild(n),t.checkClone=r.cloneNode(!0).cloneNode(!0).lastChild.checked,t.focusinBubbles="onfocusin"in e,i.style.backgroundClip="content-box",i.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===i.style.backgroundClip,x(function(){var n,r,s="padding:0;margin:0;border:0;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box",a=o.getElementsByTagName("body")[0];a&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",a.appendChild(n).appendChild(i),i.innerHTML="",i.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%",x.swap(a,null!=a.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===i.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(i,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(i,null)||{width:"4px"}).width,r=i.appendChild(o.createElement("div")),r.style.cssText=i.style.cssText=s,r.style.marginRight=r.style.width="0",i.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),a.removeChild(n))}),t):t}({});var L,q,H=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,O=/([A-Z])/g;function F(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=x.expando+Math.random()}F.uid=1,F.accepts=function(e){return e.nodeType?1===e.nodeType||9===e.nodeType:!0},F.prototype={key:function(e){if(!F.accepts(e))return 0;var t={},n=e[this.expando];if(!n){n=F.uid++;try{t[this.expando]={value:n},Object.defineProperties(e,t)}catch(r){t[this.expando]=n,x.extend(e,t)}}return this.cache[n]||(this.cache[n]={}),n},set:function(e,t,n){var r,i=this.key(e),o=this.cache[i];if("string"==typeof t)o[t]=n;else if(x.isEmptyObject(o))x.extend(this.cache[i],t);else for(r in t)o[r]=t[r];return o},get:function(e,t){var n=this.cache[this.key(e)];return t===undefined?n:n[t]},access:function(e,t,n){var r;return t===undefined||t&&"string"==typeof t&&n===undefined?(r=this.get(e,t),r!==undefined?r:this.get(e,x.camelCase(t))):(this.set(e,t,n),n!==undefined?n:t)},remove:function(e,t){var n,r,i,o=this.key(e),s=this.cache[o];if(t===undefined)this.cache[o]={};else{x.isArray(t)?r=t.concat(t.map(x.camelCase)):(i=x.camelCase(t),t in s?r=[t,i]:(r=i,r=r in s?[r]:r.match(w)||[])),n=r.length;while(n--)delete s[r[n]]}},hasData:function(e){return!x.isEmptyObject(this.cache[e[this.expando]]||{})},discard:function(e){e[this.expando]&&delete this.cache[e[this.expando]]}},L=new F,q=new F,x.extend({acceptData:F.accepts,hasData:function(e){return L.hasData(e)||q.hasData(e)},data:function(e,t,n){return L.access(e,t,n)},removeData:function(e,t){L.remove(e,t)},_data:function(e,t,n){return q.access(e,t,n)},_removeData:function(e,t){q.remove(e,t)}}),x.fn.extend({data:function(e,t){var n,r,i=this[0],o=0,s=null;if(e===undefined){if(this.length&&(s=L.get(i),1===i.nodeType&&!q.get(i,"hasDataAttrs"))){for(n=i.attributes;n.length>o;o++)r=n[o].name,0===r.indexOf("data-")&&(r=x.camelCase(r.slice(5)),P(i,r,s[r]));q.set(i,"hasDataAttrs",!0)}return s}return"object"==typeof e?this.each(function(){L.set(this,e)}):x.access(this,function(t){var n,r=x.camelCase(e);if(i&&t===undefined){if(n=L.get(i,e),n!==undefined)return n;if(n=L.get(i,r),n!==undefined)return n;if(n=P(i,r,undefined),n!==undefined)return n}else this.each(function(){var n=L.get(this,r);L.set(this,r,t),-1!==e.indexOf("-")&&n!==undefined&&L.set(this,e,t)})},null,t,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){L.remove(this,e)})}});function P(e,t,n){var r;if(n===undefined&&1===e.nodeType)if(r="data-"+t.replace(O,"-$1").toLowerCase(),n=e.getAttribute(r),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:H.test(n)?JSON.parse(n):n}catch(i){}L.set(e,t,n)}else n=undefined;return n}x.extend({queue:function(e,t,n){var r;return e?(t=(t||"fx")+"queue",r=q.get(e,t),n&&(!r||x.isArray(n)?r=q.access(e,t,x.makeArray(n)):r.push(n)),r||[]):undefined},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),s=function(){x.dequeue(e,t) +};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*\s*$/g,ct={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("