/*---------------------------------------------------------- */ /* General course rules */ .viewCart{position:absolute; top: -135px; right:0;} .courseCellTop {margin-bottom:30px;} .courseCellTop span {color:#fff; font-size:24px; padding:18px 0; display:inline-block; font-weight:400;} /* Key Facts */ a.printNow{color:#fff; padding:6px 20px; margin:12px 15px 12px 0; display:inline-block; background:#ac1432; position:absolute; top:-55px; right:0; border:3px solid black} .courseCell {margin-bottom:30px;} .courseCell h3{padding:0 0 6px 0; margin:15px 0 15px 0; font-weight:bold; font-size:20px;} #content dd h5 {font-size: 23px; font-weight: 400; margin-bottom:5px;} #content dd h6 {font-size: 21px; font-weight: 400; margin-bottom:5px; padding:0;} #content dd h4:first-child{margin-top:0px;} #content .PreviousNextRow {margin-top: 30px; padding-top: 30px; } dl.detailsList {width:100%;} dl.detailsList dt{margin:10px 0px 10px 0px; padding:15px; font-size:24px; cursor:pointer; color:#fff;} dl.detailsList dt:before {font-family:"FontAwesome"; content:"\f067"; display:inline-block; float:right; margin-right:15px} dl.detailsList dt.expanded:before {content:"\f068";} dl.detailsList dd {display:block; padding:0px 20px 20px 20px;} /* red */ .cRed h1{color:#ac1432} .cRed .courseNav{width:100%; display:table; padding:0; margin:0 0 25px 0; float:none;} .cRed .courseNav > li { margin:0!important;} .cRed .courseNav li.gap{width:20px; height:60px; text-align:center; padding-top:12px;} .cRed .courseNav li.gap:last-child{display:none;} z.cRed .courseNav li:after{content:' - '; display:inline-block; width:auto; border:3px solid green; text-align:center; font-size:34px;} z.cRed .courseNav li:last-of-type:after{content:'';} .cRed .courseNav li .btn-default{border-radius:0; border-color:#000; color:#000!important; font-size:18px; display:block;} .cRed .courseNav li .btn-default:hover{background:#ac1432; color:#fff!important; border-color:#ac1432;} .cRed .mastHeadContainer, .cRed .courseCellTop, .cRed dl.detailsList dt{background:#ac1432;} .cRed #contentZone h1, .cRed #content h2, .cRed #content h2 a, .iconRed::before, .cRed.productCell h2 a{color:#ac1432;} .cRed #content h2 a:hover{color:#880726;} .cRed .btn-primary{background:#ac1432; border-color:#ac1432;} .cRed .btn-primary:hover{background:#880726; border-color:#880726;} .cRed #content .courseCellTop a, .cRed #content .applyNow, .cRed dl.detailsList dt:hover{background:#880726; border-color:#880726;} .cRed dl.detailsList dt.expanded{background:#6e6d71; border-color:#6e6d71;} .cRed .courseCell {} .cRed #content dd h4 {background:#f1cdd7; padding:7px; color:#ac1432;} .cRed #content dd h5 {color: #4e4d4d;} .cRed #content dd h6 {color: #ac1432;} .cRed #content .courseCell h3{color:#ac1432; border-bottom:1px dotted #ac1432;} .cRed #content .courseCellLeft {border-right:3px solid #dec4ca;} .cRed #content hr {border-bottom:3px solid #dec4ca; border-top:0;} .cRed #content .PreviousNextRow {border-top: 1px dotted #ac1432;} /* Schedule */ .scheduleZone .courseScheduleRow{border-bottom:1px solid #dec4ca;} .scheduleZone .courseScheduleRow:last-of-type{border-bottom:0px} .scheduleZone .courseScheduleRow .calendarLarge{background:url(../../images/icons/calendarLarge.png) no-repeat left center; padding-left:60px; font-style:oblique;} .scheduleZone .courseScheduleRow .courseScheduleText{display:block; min-height:33px; margin:10px 0;} .scheduleZone .courseScheduleRow .btn-primary{border-radius:0; font-size:15px} /* ways to attend */ .attendZone {padding-bottom:30px;text-align: center;} .attendZone h2{color:#5b5b5b!important;} .attendZone ul{margin:0; padding:0;text-align: center;} .attendZone ul li{margin:0 20px 0 0; padding:0; height:165px; width:165px; display:inline-block;} .attendZone ul li.classroom{background: url(../../images/icons/classroom.png) no-repeat center center;} .attendZone ul li.private{background: url(../../images/icons/private.png) no-repeat center center;} .attendZone ul li.virtual{background: url(../../images/icons/virtual.png) no-repeat center center;} .attendZone ul li span{display:block; color:#5fbaf3; margin-top:175px; text-align:center} .courseContact a{color:#5b5b5b; font-size:24px;} .courseContact a:hover{color:#ac1432;} .courseContact p:first-child{margin-top:35px; margin-bottom:30px;} .clone {margin-bottom:30px;} /* Currency Switcher */ .currencySwitch{margin:30px 0px 0px 0px; display:none;} .currencySwitch ul, .currencySwitch ul li{margin:0px; padding:0px; list-style:none;} .currencySwitch ul li{display:inline-block; text-transform:uppercase;} .currencySwitch ul li span{display:none;} .currencySwitch ul li a{font-size:0px;} .currencySwitch ul li a:before{font-family:"FontAwesome"; color:#595959; font-size:16px; margin-left:8px;} .currencySwitch ul li.EUR a:before{content:"\f153";} .currencySwitch ul li.GBP a:before{content:"\f154";} .currencySwitch ul li.USD a:before{content:"\f155";} .currencySwitch ul li a:hover:before, .currencySwitch ul li.NavSelected a:before{color:#09B487;} /* Product Categories */ .loggedin #categoriesSide{margin:20px 0;} #categoriesSide h2{display:none} /* Product Search */ #productSideSearch{border:1px solid #7d7d7d;} #productSideSearch h3 {margin:0 0 0 0} #productSideSearch .searchTopRow {margin-top:15px; padding-left:15px; padding-right:15px} #productSideSearch select{} #productSideSearch #textSearchContainer{} #productSideSearch input.txtSiteSearch{} #productSideSearch input[type="submit"] {-webkit-appearance: none;} #productsBody #divMenuOuterGallery .removeModule, #ctl00_cphContent_lgvBody_ctl01_ctl00_pnlOuter .pnlPageEditButtons, .HomeProducts br, .HomeProducts .PagingContainer, .HomeProducts #showMoreLinks{display:none;} /* required label */ /* Product Categories */ #categoriesSide{margin:20px 0;} #categoriesSide h2{display:none} /* Product Search */ .productSideSearch{border-left:1px dotted #ccc;} .productSideSearch label{font-size:12px;} .productSideSearch h3 {margin:15px 0px; cursor:pointer; font-weight:700; font-size:24px; color:#616262; padding:10px 15px;} .productSideSearch h3:before {font-family:"FontAwesome"; content:"\f105"; float:right;} .productSideSearch h3.open {background:#fff;} .productSideSearch h3.open:before {content:"\f107";} .productSideSearch .searchTopRow {margin-top:15px; padding-left:15px; padding-right:15px} .productSideSearch input[type="submit"] {-webkit-appearance: none; border:0px;} .productSideSearch input[type="submit"]:hover {border:0px;} /* Calendar */ input.calendar {background-image: url(../../images/icons/calendar.png) !important; background-position: 97% 40% !important; background-repeat: no-repeat !important;} .info, .infoBox p {color: #888; font-size: 13px; padding-left: 10px; margin-top: 10px!important; display: block; padding-right:10px} #productsBody #divMenuOuterGallery .removeModule, #ctl00_cphContent_lgvBody_ctl01_ctl00_pnlOuter .pnlPageEditButtons, .HomeProducts br, .HomeProducts .PagingContainer, .HomeProducts #showMoreLinks{display:none;} .formButtonHeight{height:66px; position:relative;} .mobileOnly {display: inline-block !important; font-weight: bold;} .popover-content {color:#444;} .bg-primary { background: #2886bc; } a.bg-primary:hover, .progress-bar {background: #880a23; text-decoration:none!important;} .bg-primary h4 { color:#fff } .dl-horizontal dt{overflow:visible; white-space:normal} option:disabled {color: #d9534f; font-style:oblique} /* bootstrap fix for ASP.NET */ .checkboxFix input[type="checkbox"], .checkboxFix-inline input[type="checkbox"], .radioFix input[type="radio"], .radioFix-inline input[type="radio"] { margin-left:0} /* Form rules repeated here for admin */ .form .requiredGroup label.norequired:before, .form .requiredGroup label.notrequired:before {display:none;} /* Add Entrants */ .surround{padding-left:15px; padding-right:15px;} /* corrects the layout to fit in the grid */ .surroundEnd {margin-bottom:15px;} /* Header */ .dataHeaderRow{padding-bottom:10px; padding-top:10px; background:#088656; color:#fff; border-bottom:4px solid #055f3c; border-radius:5px 5px 0 0; height:45px;} .dataHeader, .dataHeader a{font-weight:bold; color:#fff; font-size:15px;} .dataHeader a:hover, .dataHeader.dataOrdering a{text-decoration:underline} .dataHeader .iconHelp:before{color:#fff; font-size:20px;} .dataHeader .iconHelp:hover{text-decoration:none} /*.dataHeader:after{font-family:"FontAwesome"; color:#AECDE5; content:'\f0dc'; padding-left:8px;} .dataHeader:hover:after{color:#fff} .dataHeader.dataOrdering.DESC:after, .dataHeader.dataOrdering.ASC:after{font-family:"FontAwesome"; color:#fff; padding-left:8px}*/ .dataHeader.dataOrdering.DESC:after{content:'\f0dd';} .dataHeader.dataOrdering.ASC:after{content:'\f0de';} /* Record list detail */ /* Rows */ .dataListingRow{border-top:1px dotted #777; font-size:15px; } /* min-height:59px; overflow:hidden; */ .dataListingRow:first-child {border-top:0;} .MyEntrants{font-size:13px;} .dataListingRow:last-child, .dataListingRow:last-child:hover{border-bottom:4px solid #148871;} z.dataListingRow:hover{background:#f7f7f7; border-top:1px solid #148871; border-bottom:1px solid #148871; color:#148871; cursor:pointer;} .dataListingRow:hover .dataListingCol.selected{background:#AECDE5; color:#148871} .dataListingRow:hover .dataListingCol.selected a{color:#148871; text-decoration:none} .dataListingRow:hover a{text-decoration:none} /* columns */ .dataListingCol{display:table-cell; padding:10px;} .dataListingCol.compact{padding:5px auto 0 auto;} .dataListingCol.selected{background:#DEEFFC} .dataListingCol .form-group {margin-bottom:0} .dataListingCol small {color:gray; text-transform:uppercase; font-size:11px} /* Cells */ .dataListingCell{height:100%!important; display:block;} .dataListingCell a{color:#148871; width:100%;} .dataListingCell a:hover{color:#148871;} /* Record Detail */ .reportDetail{margin-bottom:30px; padding-bottom:15px} .reportDetailCol{padding-top:5px; padding-bottom:5px; overflow:hidden; display:block;} /* Reporting */ .recordListing {font-size:12px;} .recordListing caption{background:#2c5285; font-weight:bold; padding:10px; color:#fff; font-size:18px; border-top-left-radius:4px; border-top-right-radius:4px; max-width:100%; overflow:hidden} .recordListing thead tr th{background:#A6B5C1; color:#ddd; font-weight:bold; font-size:14px; border-top:1px solid #A6B5C1!important; border-bottom:1px solid #aaa!important; border-left:1px solid #A6B5C1!important; border-right:1px solid #A6B5C1!important;} .recordListing thead tr th a{color:#fff; display:inline-block; padding-right:8px;} .recordListing thead tr th a:after {font-family:"FontAwesome"; color:#ccc; content:'\f0dc'; padding-left:4px;} .recordListing thead tr th a:hover {text-decoration:none} .recordListing thead tr th.sortIcon.sortAsc a:after{font-family:"FontAwesome"; color:#fff; content:'\f0de'; padding-left:4px;} .recordListing thead tr th.sortIcon.sortDesc a:after{font-family:"FontAwesome"; color:#fff; content:'\f0dd'; padding-left:4px;} .recordListing tfoot tr td{background:#EDF0F2; font-weight:bold; font-size:14px; border-top:1px solid #A6B5C1!important; border-bottom:1px solid #A6B5C1!important} .recordListingPurple {font-size:14px;} /* Front end search past results */ .pastResults {min-height:350px;} .pastResults .subnav-fixed {top:270px} .pastResults .table-responsive {margin-top:0} .pastResults .recordListing caption {background: #6e267b;} .pastResults .recordListing thead tr th {background:#16a085; border-top:1px solid #148871!important; border-left:1px solid #148871!important; border-right:1px solid #428bca!important;} /* bootstrap style paging for GridView */ .pagination-ys {padding-left: 0; margin: 20px 0; border-radius: 4px;} .pagination-ys table > tbody > tr > td {display: inline;} .pagination-ys table > tbody > tr > td > a, .pagination-ys table > tbody > tr > td > span {position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px;} .pagination-ys table > tbody > tr > td > span {position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; margin-left: -1px; z-index: 2; color: #aea79f; background-color: #f5f5f5; border-color: #dddddd; cursor: default;} .pagination-ys table > tbody > tr > td:first-child > a, .pagination-ys table > tbody > tr > td:first-child > span {margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;} .pagination-ys table > tbody > tr > td:last-child > a, .pagination-ys table > tbody > tr > td:last-child > span {border-bottom-right-radius: 4px;border-top-right-radius: 4px;} .pagination-ys table > tbody > tr > td > a:hover, .pagination-ys table > tbody > tr > td > span:hover, .pagination-ys table > tbody > tr > td > a:focus, .pagination-ys table > tbody > tr > td > span:focus {background-color: #eeeeee; border-color: #dddddd;} /* Front end search past results paging */ .pastResults .pagination-ys table td{border-top:1px solid #fff!important; border-bottom:1px solid #fff!important} .pastResults .table-striped > tbody > tr:nth-of-type(2n+1) {background:#fff} /*-------------------------------------------------- */ #productList{padding:0px 0px; clear: both;} #productList h3 small{border:1px solid red} .coursesZone { overflow:hidden; background:#f3f3f3;} .coursesZone h3 a{color:#3c3c3c; text-transform:uppercase;} .coursesZone h3 a:hover{color:#d68a99} .coursesZone /* Admin buttons */ .productAdminBtn{margin-top:15px; margin-right:5px} /* product Cell */ .productCell{display:block; margin-bottom:45px; clear: both;} .categoryTitle{margin-top:80px; } z.categoryTitle:before{border-left:10px solid #ac1432; height:100%; width:10px; display:inline-block; position:absolute; content:''; margin-left:-30px; max-height:50px;} .categoryTitle:first-of-type{margin-top:0px;} .categoryTitle a{color:#000; font-size:40px; text-transform:capitalize; display:inline-block;border-left:10px solid #ac1432; padding-left:10px;} .categoryTitle a:hover{color:#1a1a1a;} /* product Cell Top */ .productCell .productCellTop a{display:block; margin-bottom:0px; color:#3c3c3c} .productCell .productCellTop a img{width:100%; height:319px;} .productCell .productCellTop a.productName {text-align:left; color:#555; margin:0px 0px} /* Product Cell Middle */ #productList{overflow:hidden; margin-bottom:60px;} #productList small{color:#888; font-style:oblique;} .productCell .productCellMiddle{background:#F1EFF0; color:#ac1432; min-height:54px; border-bottom:3px solid #ac1432; margin-top:8px;} .productCell .productCellMiddle h2{padding:0 0 0 0!important; margin:0 0 0 0!important;} .productCell .productCellMiddle h2 a{font-size:20px; font-weight:300; text-align:left; color:#000} .productCell .productCellMiddle .productSummary{font-size:14px} .courseIcons img{margin-bottom: 15px;} .productCell .h3 a{ color:#000; margin:0px 0px} .productCell .productCellMiddle span{display:inline-block; margin:17px 12px; border-right:1px dotted #ac1432; padding-right:27px;} .productCell .productCellMiddle span:last-of-type{border-right:0;} /* Product Price */ .productPrice {font-size:18px; color:#aaa; font-weight:700; padding-top:5px} .productPrice span.preSale, .productPrice a.preSale{text-decoration:line-through; padding-right:10px; color:#BDBDBD; font-weight:normal; font-size:85%; display:inline-block;} .productPrice span.preSale:before, .productPrice a.preSale:before{content:'was '; font-size:12px;} .productPrice span.wholeSale:after, .productPrice a.wholeSale:after{content:' inc VAT';font-size:12px;} .productPrice span.salePrice:before, .productPrice a.salePrice:before{content:'now '; font-size:12px;} .productPrice span.preSale, .productPrice a.preSale, .productPrice span.salePrice, .productPrice a.salePrice{display:inline-block;} /* Product Cell Footer */ .productCell .productCellFooter{margin-left:-10px; margin-right:-10px; padding:10px 0 10px 0;} .productCell .productCellFooter a.readMore {color:#dba0a0; text-transform:uppercase; font-size:14px; font-weight:700; text-transform:uppercase; padding-top:7px; display:inline-block} .productCell .productCellFooter a.readMore:hover{color:#880a23} .productCell .productCellFooter .productViewLink{margin-left:10px} .productCell .productCellFooter .productViewLink:hover{background:#555; border:1px solid #555} /* Sales badge */ .badgeSale{background:url('../../images/cart/badgeSale.png') no-repeat top right; background-size:50px 50px; height:50px; width:50px; position:absolute; top:1px; right:1px; z-index:50;} .badgeSale.badgeSaleSmall{background-size:90px 90px; width:90px; height:90px;} .badgeSale.badgeSaleLarge{background-size:120px 120px!important; width:120px; height:120px;} #productView #productImage .badgeSale {right:16px;} /* Product Image */ .zoomContainer{} .zoomContainer:hover { } /*---------------------------------------------------------- */ #productsBody #itemBody{display:none!important} /* Hide the content */ #productView{} #productView h1{} #productView .productPrice{font-size:32px; font-weight:700; color:#000} #productView .productPrice span.rrp{font-size:78%; text-transform:uppercase;} /* Product Image */ #productImage{padding-bottom:15px;} #productImage, .productViewImage{position:relative;} #productView .productViewImage.landscape, #productView .productViewImage.portrait, #productView .productViewImage.square{width:100%;} /* Large Image */ #zoomGalleryLargeImageHolder {border:0px solid #7d7d7d; height:694px} img#zoomGalleryLargeImage{max-width:100%; height:100%;} /* Zoom Gallery List */ #zoomGallery ul{margin:0px -5px; padding:10px 0px; list-style:none!important; list-style-image:none!important;} #zoomGallery ul li{padding:0px 5px; margin:0px 0px 5px 0px; list-style:none!important; list-style-image:none!important;} #zoomGallery ul li:before {content:'';} #zoomGallery ul li a, #zoomGallery ul li a img{width:100%; height:100%; display:inline-block;} #zoomGallery ul li a img{border:2px solid #d4d4d4;} /* image */ #zoomGallery ul li a img:hover{border:2px solid #b2b2b2;} /* image hover */ #zoomGallery ul li a.active img, #zoomGallery ul li a.active img:hover{border:2px solid #880a23;} /* selected image + hover */ #zoomGallery .adminButtons a{color:#888} /* admin buttons */ span.adminButtons{display:block; font-size:75%; width:100%; float:left; clear:both;} a.hlkZoomEdit, a.hlkZoomDelete{padding:5px 0 0 0!important; display:block; width:45%!important; font-family:Arial;} a.hlkZoomEdit{float:left;} a.hlkZoomDelete{float:right; text-align:right} /* image coming soon */ .productViewImage{background: url('../../images/cart/imageComingSoon.png') no-repeat center center; background-size:contain;} /* add to cart */ #productView .divPurchaseQuantity{display:none;} /* validation */ #productView .validationSummary{background:none!important; color:#000; border:0; padding:0!important; margin:0px 0 0 0px!important; clear:both; width:100%;} #productView .validationSummary ul{margin:0 0 0 72px!important; padding:0!important;} #productView .validationSummary ul li{list-style-image:url('../../images/icons/icon_error.gif')!important; margin:0 0 7px 24px!important; font-size:82%!important;} /* Related Products */ .relatedProducts{margin:30px auto 15px auto; border-top:1px solid #e5e5e5;} .relatedProducts h3{padding:20px; margin:0px; font-weight:300;} .relatedProducts .productCell{margin-bottom:15px; width:100%;} .relatedProducts .productCell .productCellTop{width:100%; overflow:hidden;} .deliveryInfo {} .deliveryInfo .snippetText h2, .deliveryInfo .snippetText h3{font-size:16px; font-weight:700; margin:0px 0px 5px 0px} .deliveryInfo .snippetText p{font-size:14px;} /* Custom buttons on product view */ .productViewButtonContainer {} .productViewButton{display:block; width:100%; border-radius:0; font-weight:bold; font-size:14px; text-align:center;} .productViewButton:hover{cursor:pointer} .productSpecification{background: #fff; color:#09b487; border:2px solid #09b487; padding:14px 8px} .productSpecification:hover {background: #09b487; color:#fff; border:2px solid #09b487;} .AddToCart{padding:10px 8px; margin:0px; height:48px; border-radius:24px} .AddToCart:hover{} /* Enquiry */ h2.applyNow::after {content: ""; display: inline-block; font-family: "FontAwesome"; padding-left: 25px; width: 40px;} h2.applyNow.openclose::after {content: "";} h2.applyNow.openclose {background: #0085a6 none repeat scroll 0 0;} h2.applyNow:hover {background: #777 none repeat scroll 0 0; color: #fff;} #jobsDetail .form {border-top: 1px solid #bbb; margin-top: 20px; padding-top: 20px;} /*-------------------------------------------------- */ h3.cartProcessing{border-bottom:1px dotted #ccc; padding-bottom:5px;} /* CartButtons - rules for all buttons on cart page */ #content .cartButtons{margin:0 0 15px 0; padding:0;} #content .cartButtons ul{margin:0!important; padding:0!important;} #content .cartButtons ul li{margin:0!important; padding:0!important; list-style-type:none; list-style-image:none; display:inline-block; } #content .cartButtons ul li a, .CartButton{text-decoration:none; display:block; padding:10px; border:0; overflow:hidden; cursor:pointer; margin:0; border-radius:3px; box-shadow:none} /* Buttons */ input[type="submit"]{-webkit-appearance:none;} .finalPrice{font-size:24px; font-weight:700; text-align:left;} .SubmitOrder, .Next{float:right;} /* Clear bootstrap margins for table */ .no-gutter{margin:0 0 0 0} /* Cart Header */ .cartCaption{background-color:#880a23; color:#fff; font-weight:bold; margin:20px 0 0 0; padding:5px 0 5px 0!important;} .cartHeader{background-color:#dba0a0;} .cartHeader{border-bottom:1px solid #2D3032;} .cartHeader .cartCell{padding:5px; color:#fff} .cartHeader .cartQuantityHeader{text-align:center} .cartHeader .cartTotals{background-color:#dba0a0;} /* Cart Middle */ .cartMiddle{border-bottom:1px dotted #BDBDBD;} .cartProductSection .cartMiddle:last-child{border-bottom:1px solid #2D3032;} #productView .summary{color:#81728a; font-size:16px; margin-top:5px; margin-bottom:50px; border-top:2px solid #ded4dd; padding-top:15px;} .cartMiddle a{color:#60A4C4} .cartMiddle .cartCell{padding:5px;} .cartMiddle .cartName a:hover{text-decoration:underline;} .cartMiddle .productVariationsDisplay span.outerVariation{font-size:11px; display:inline-block; padding:1px 0px 1px 0px; text-transform:none;} .cartMiddle .productVariationsDisplay span.outerVariation span{color:#000!important; background-color:#F5F5F5; padding:2px; margin-right:10px; text-transform:uppercase; border:1px dotted #BDBDBD;} .cartMiddle .DeleteFromCart{background-color: #ac1432; border-radius: 50%; color: #fff; display: inline-block; height: 22px; margin: 0; padding-left: 1px; text-align: center; width: 22px;} /* Quantity - http://jsfiddle.net/sGqgD/3/ */ #productView .qtyBox{height:30px; width:104px; float:right} #productView .qtyBox label{padding-top:6px; display:none;} #productView .cartQuantity{padding-top:12px} #productView .cartQuantity input{text-align:center; width:50px; border:0; color:#333; border:0px solid #fff; border-radius:0!important; box-shadow:none} .spinner a{color:#2D3032; background:#E7E7E7; font-family:arial; display:inline-block; height:30px; width:24px; padding-top:4px} .spinner a:hover, .spinner a:focus{text-decoration:none; color:#fff; background:#dba0a0} /*word-spacing: -1;*/ .cartProductQuantityTotal{text-align:center} .flexbox{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display: flex;} /* Cart Footer */ .cartFooter{background-color:#F5F5F5; border-bottom:1px solid #BDBDBD;} .cartFooter .cartCell{padding:5px; color:#2D3032;} .cartFooter.cartVoucher, .cartFooter.cartProductTotals .cartTotals{} .cartFooter.cartVoucher input[type="text"]::-webkit-input-placeholder{color:#000!important;} .cartFooter.cartVoucher input[type="text"]:-moz-placeholder{color:#000!important;} .cartFooter.cartVoucher input[type="text"]::-moz-placeholder{color:#000!important;} .cartFooter.cartVoucher input[type="text"]:-ms-input-placeholder{color:#000!important;} .cartFooter.cartVoucher .txtVoucherCode{width:100%; max-width:200px; margin-right:4px; float:left;} .cartFooter.cartVoucher .txtVoucherCode, .cartFooter.cartVoucher .btn-ApplyVoucher{} .cartFooter.cartVoucher .discountMessage{font-size:11px;} .cartFooter.cartVoucher .discountMessage span{font-weight:bold;} /* Shipping total */ .cartShippingTotal .Shipping {width:auto; display:inline-block} .cartFooter.cartShippingTotal{border-bottom:1px solid #2D3032;} /* Shipping total */ .cartFooter.cartGrandTotal{background:#fff; font-size:140%; color:#000; border-bottom:1px solid #2D3032;} .cartFooter.cartGrandTotal .cartTotals{background:#fff;} /* Cart footer buttons Update Checkout */ .cartFooter.cartFooterButtons{background:#fff; border-bottom:0; margin:10px 0 30px 0} .cartFooter.cartFooterButtons .btn-CartUpdate{margin-bottom:10px} /* VAT Exempt */ .checkboxNoPadding span.checkbox{display:inline-block} .checkboxNoPadding span.checkbox label{padding-left:2px;} /* Total Columns */ .cartTotals{text-align:right;} .cartFooter .cartTotals{background:#BDBDBD; color:#2D3032;} .cartMiddle .cartTotals{background:#EEEEEE;} /* Fields */ .cartExVAT, .cartDiscount{text-align:right;} .cartQuantity, .cartHeaderQuantity{text-align:center;} .cartDiscount .divVariations{display:none; clear:both;} /* cart totals */ .cartHeader, .cartMiddle, .cartFooter{position:relative;} .cartHeader .cartTotals, .cartMiddle .cartTotals, .cartFooter .cartTotals{height:100%; position:absolute; right:0} /* make the div full height of its container */ /* ************* CART DONE ************* */ /* Cart messages */ .quantityError{border:1px solid #ae1f09; padding:5px 5px 5px 25px; color:#ae1f09; float:left; width:714px; font-size:89%; margin-bottom:5px; background: #ffefef url(../../images/icons/cross.png) no-repeat 6px center; clear:both; text-align:left;} /* .CartError */ .CartError{padding:15px; width:100%; overflow:hidden; border:1px solid #006189; background:#FFEAEE; border-radius:10px; z-index:15000} .CartError.Small{padding:5px; font-size:89%; margin-top:10px; min-width:100%;} .CartError.Stage1{margin:auto; position:absolute; top:440px;} .CartError.Stage2{margin-left:150px; position:absolute; top:440px;} .CartError.Stage3{margin-left:300px; position:absolute; top:440px;} .CartError.Stage4{margin-left:430px; position:absolute; top:440px;} .CartError.AddToCartError{margin-left:190px;} .CartError h2{margin:0 0 10px 0!important; padding:0px; color:#006189;} .CartErrorDetail{} .CartErrorDetail p{} .CartErrorSmall{} /* Discount Information */ .discountInformation{clear:both;} /*-------------------------------------------------- */ .alert{font-size:13px} .acceptTermsAndConditions {margin-left:20px} /*----------------------------------- */ .cvnInfo{font-size:68%} .pnlConfirmation div.cart table{font-size:89%;} .PaypalButton{background: url(../../images/cart/cards_paypal.png) no-repeat top left; width:101px!important; height:64px; padding:0!important; border:0!important; cursor:pointer} /* Paypal Button Showing Credit Cards .PaypalButton{background: url(../../images/cart/paypal.png) no-repeat top left; width:262px!important; height:73px; padding:0!important; border:0!important; margin-top:15px; cursor:pointer} */ /* Credit cards */ #content .rblCreditCards {margin:15px 0;display:block;} #content .rblCreditCards input{visibility:hidden;} #content .rblCreditCards br, .rblCreditCards label span{display:none} #content .rblCreditCards label{width:49%; display:inline-block; font-weight:normal; margin-left:-14px; padding:5px; border-radius:4px; cursor:pointer; border:1px solid #fff; margin-right:5px;} /* Selected */ #content .rblCreditCards label img{cursor:pointer; opacity:0.4; display:inline-block!important; pointer-events: none;} #content .rblCreditCards input[type="radio"]:checked+label img{opacity:1;} #content .rblCreditCards label.chosen, #content .rblCreditCards label.chosen:hover{border:1px solid #fff!important; background-color:#73b0d3;} #content .rblCreditCards label:hover {border:1px solid #F5F5F5!important; background-color:#F5F5F5;} #content .rblCreditCards label i {display:none; float:right; margin-top:10px; margin-right:60px} #content .rblCreditCards label.chosen i{color:#16425d; font-size:44px; display:inline-block;} /*--------------------------------------------------- */ /* Main surrounding area */ /*#contentZone h1, #contentZoneListing h1, #contentZone h2{color:#595959}*/ #contentZone h2{border-bottom:0px solid #e3e3e3; padding-bottom:0px; margin:0px 0;} .h1Underline{border-bottom:1px solid #e3e3e3; padding:5px 0; margin-bottom:15px} #contentZoneListing .exit{margin-top:30px} #contentZoneListing .add{margin-bottom:15px;} /* Listing table */ #contentZoneListing table, #sideBar table, #sideBar table tr td{border:0!important} #contentZoneListing table.table tr td{border-right:0!important; border-left:0!important; padding:4px; vertical-align:middle;} #contentZoneListing table.table tr.inActive td{font-style:oblique; color:grey;} #contentZoneListing table.table tr.inActive td:last-child:before{content:'(Inactive) - ';} #contentZoneListing table.table tr.inActive td a{opacity:0.4; background:#ccc; border-color:#ccc; color:#333} .fa-sort-asc{position:relative; top:2px} .fa-sort-desc{position:relative; top:-3px} /* Control Panel Navigation */ .customLinks li{padding:0; margin:0;} .customLinks li a{margin:0 0 0 0!important; font-size:110%!important;} .customLinks li.title{font-size:140%; margin:20px 0 5px 0!important; text-transform:uppercase; font-weight:bold; } .customLinks li.hidden, .brPager{display:none;} /* Pager */ .pagerGridView{border-top:1px solid #223F63;} .pagerGridView .pagerButton{display:block; width:20px; border:1px solid #ADC9D6; background:#E6F1F6; float:left; text-align:center; text-decoration:none!important; padding:2px; border-radius:3px; -moz-border-radius:3px; text-transform:uppercase; font-size:95%; font-weight:bold; margin:10px 4px 0 0;} .pagerGridView .pagerNumber:hover{background:#C6DFEA; color:#223F63; border:1px solid #223F63;} .pagerGridView .pagerFirst, .pagerGridView .pagerPrev, .pagerGridView .pagerNext, .pagerGridView .pagerLast{width:auto; white-space:nowrap; text-indent:-90009px; border:0; width:24px; padding:3px 0 0 0;} .pagerGridView .pagerFirst{background:url(../../../images/icons/pagingFirst.png) no-repeat top left;} .pagerGridView .pagerPrev{background:url(../../../images/icons/pagingPrev.png) no-repeat top left;} .pagerGridView .pagerSelected{background:#223F63; color:#fff} .pagerGridView .pagerSelected{font-weight:bold; border:1px solid #223F63} .pagerGridView .pagerNext{background:url(../../../images/icons/pagingNext.png) no-repeat top left;} .pagerGridView .pagerLast{background:url(../../../images/icons/pagingLast.png) no-repeat top left;} /* Bootstrap Pager on GeneratorV2 Admin */ .pnlPageLinks{width:70%; float:right; text-align:right;} .pnlPageLinks ul.pagination{margin-top:0; margin-bottom:0} /* Product Module Menu */ #sideAdminNavigation{border:0} #sideAdminNavigation .titleZone{margin:20px -15px 20px -15px} #sideAdminNavigation h1.title{color:#595959;} /*#sideNavigation{position:fixed; top:0; width:100%; height:110px; margin:0 0 0 0; padding:0 0 0 40px; background:#ccc; z-index:3000}*/ #sideAdminNavigation ul{list-style:none; list-style-image:none; margin:0 0 0 0; padding:0 0 0 0;} #sideAdminNavigation ul li{display:block; list-style:none; list-style-image:none; margin:0 0 5px 0; padding:0 0 0 0;} #sideAdminNavigation ul li a{display:block; text-decoration:none; background:#595959; padding:6px; color:#fff; border-radius:4px; outline:0} #sideAdminNavigation ul li a:hover{background:#333;} /* buttons */ #saveButtons{margin-top:30px} #saveButtons input.save{background:#36C413;} #saveButtons input.save:hover{background:#2BA30D;} /* Radiobuttons - .NET override to bootstrap */ .radioButtons{clear:both;} .radioButtons input{display:inline-block; margin-top:-4px;} .radioButtons label{display:inline-block; padding:0 0 0 0px; font-weight:normal} .radioButtons div span label{padding:0 0 0 4px; font-weight:normal;} .radioButtons div span label:before{content:''} .topPadding{padding-top:30px;} .topPaddingSmall{padding-top:24px;} /* all buttons - dont target generically! */ #productAddEdit .btn, #productAddEdit .btn{color:#fff; cursor:pointer; border:0; border-radius:4px;} #contentZone{} /* Inputs */ #productAddEdit input[type="radio"], #productAddEdit input[type="checkbox"]{margin:0 6px 0 0;} #productAddEdit table.MultiSelectListBoxes, #productAddEdit table.MultiSelectListBoxes tr td, #productAddEdit table.MultiSelectListBoxes tr th{border:0!important} #productAddEdit table.MultiSelectListBoxes tr th{font-weight:bold!important} /* Adjust the SEO panel's controls */ .pnlChangeHeading{top:180px; z-index:2000; position:absolute; margin-left:40px; height:auto!important;} .pnlChangeHeading h2{margin:40px 40px 0 0!important} .pnlChangeHeading .btn-group{margin-top:30px} .pnlChangeHeading .btn{width:200px!important; float:left; margin-right:20px} /* Edit Dropdowns / MSBs */ .dropdownEdit a{display:block; background:#595959; color:#fff; padding:8px; width:180px; text-align:center; text-decoration:none; margin-top:10px;} .dropdownEdit a:hover{background:#09B487;} /* Multi Select Boxes */ .dropdownEdit.msb a{margin-top:-15px; margin-left:8px;} table.MultiSelectListBoxes th{background:none;} table.MultiSelectListBoxes th label{font-weight:bold!important} table.MultiSelectListBoxes .button{background:#595959; color:#fff; margin-bottom:5px; cursor:pointer;} table.MultiSelectListBoxes .button:hover{background:#09B487;} /* ----------------------------------------------- */ /* shared rules for visible-xs AND visible-sm */ @media only screen and (max-width: 991px) { body.debugCSS::before {border:2px solid yellow;} .productViewImage.landscape ul#zoomGalleryImages li.zoomGalleryThumbnails img{width:75px} .productCell .summary {border-right:0; padding-right:0} .viewDetails p a{display:block;} } /* visible-sm */ @media (min-width: 768px) and (max-width: 991px) { } /* visible-xs - phone P/L, iphone4+5 P/L, small tablet P */ @media only screen and (max-width: 767px) { body.debugCSS::before {background:red;} #sideAdminNavigation{border:0; position:relative} #sideBar{display: inline-block; margin-top:0px; padding-top:0px;} /* force content left, and sideBar above it */ #contentZone{ margin-left:0;} #content .rblCreditCards label{width:100%; display:block; margin-left:0px; margin-right:0px;} #content .rblCreditCards br, .rblCreditCards label span{display:none} .cartFooterButtons .btn-CartUpdate:after{content:'Update';} .cartFooterButtons .btn-CartCheckOut:after{content:'Continue';} .cartMiddle .cartQuantity span.qtyBox{width:74px;} .cartHeader .cartQuantityHeader:before{content:"Qty";} .productCell .productPrice span.preSale {padding-right:0px; width:100%;} .productCell .productCellMiddle a, .productCell .productCellFooter {padding:10px 0px;} .cRed #content .courseCellLeft{border-right:0;} .productViewImage {min-height:300px;} .productSideSearch .btn-group {margin-top:15px} .sideSearchContainer{display:none} #zoomGalleryLargeImageHolder {border:0px solid #7d7d7d; height:400px} #productView .productPrice {float: left} .AddToCart {margin-top:50px;} .productCell .productCellMiddle:nth-of-type(2){border:0;} } /* visible-sm - small tablet L, tablet P, widescreen P */ @media only screen and (min-width: 768px) and (max-width: 991px) { body.debugCSS::before {background:orange; border:2px solid white;} .productCell .productCellTop a img{height:288px;} .productCell .productCellMiddle:nth-of-type(2){border:0;} } /* visible-md - tablet L, HDTV P */ @media only screen and (min-width: 992px) and (max-width: 1199px) { body.debugCSS::before {background:green;} .subnav-fixed{position: fixed; top: 40px; left: auto; right: auto; z-index: 1020; width:220px;} /* sticky sideBar */ .subnav-fixed .nav{width: 938px; margin: 0 auto;} .productCell .productCellTop a img{height:290px;} .productCell .productCellMiddle:nth-of-type(2){border:0;} } @media only screen and (min-width: 992px) { } /* visible-lg - widescreen L, HDTV L */ @media only screen and (min-width: 1200px) { body.debugCSS::before {background:blue;} .cartFooterButtons .btn-CartCheckOut:after{content:'Continue';} .subnav-fixed{position: fixed; top: 0px; z-index: 1020; width:auto;} /* sticky sideBar */ .subnav-fixed .nav{width: 1168px;} } @media only screen and (min-width:1500px) { } /* Backend menu */ .sidebar-nav-fixed {position:fixed; top:70px; width:21.97%;} @media (max-width: 767px) { .sidebar-nav-fixed { width:auto; } } @media (max-width: 979px) { .sidebar-nav-fixed { position:static; width: auto; } } @media print { a[href]:after { content: none !important; } }