body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#595959; line-height:1; background:url(../library/bg.jpg) center top no-repeat #414c1b; } /* ========================================================== TYPOGRAPHY HEADINGS ========================================================== */ h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:300; color:#348484; margin:0 0 10px 0; } h1{ font-size:32px} h2{ font-size:26px} h3{ font-size:22px} h4{ font-size:20px} h5{ font-size:18px} h6{ font-size:17px} .img-responsive {max-width:100%; width:620px;} /* ========================================================== MAIN LINKS ========================================================== */ a:link{text-decoration: underline; color:#007071;} a:visited{text-decoration: underline; color:#007071;} a:active{text-decoration: underline; color:#007071;} a:hover{text-decoration: underline; color:#EC1D24;} /************** Default Classes ****************/ .container {width:980px; margin:0 auto;} .clear_both {clear:both;} /* ========================================================== HEADER AND MAIN NAV ========================================================== */ /************** Header Styles ****************/ #header {} #address { width:240px; text-align:center;} #header_logo {float:left; height:auto; margin:0 10% 0 2%; max-width:100%; width:300px;} #address{ float:left; text-align:center; color:#224769; text-transform:uppercase; font-size:15px; line-height:1.4; padding:45px 0; margin:0;} #address span { color:#224769;} #booking { float:right; background:url(../library/booking_button.png) no-repeat; display:block; width:220px; height:60px; line-height:60px; padding:0; color:#fff; font-size:19px; text-decoration:none; margin:29px 12px 0 0; text-shadow: 0 -1px 0.5px #565454; text-align:center; } #booking:hover { background:url(../library/booking_button_hover.png) no-repeat;} #phone { float:right; font-size:18px; margin:10px 23px 0 0; color:#007071;} /************** Header Styles ****************/ #nav { padding: 0; margin:0 auto; width:944px; height:52px; list-style: none; z-index: 1000; background:url(../library/nav_bg.jpg); position:relative; z-index:50000;} #nav li:hover {background:#007070;} #nav a { display:block; color:#e2ecf6; text-transform:uppercase; height:52px; line-height:52px; font-size:16px; text-decoration:none; padding:0 18px 0 19px; letter-spacing:0.2px; text-shadow: 0 -1px 1px #000} #nav a:hover { background:#007070;} #nav li { float: left; height:52px; border-right: 1px solid #626a47; background:url(../library/nav_bg.jpg);} #nav li:last-child { border-right:none;} #nav li:last-child a { border-right:none; padding:0 20px} /************** Drop Down ****************/ #nav li ul { position: absolute; left: -999em; list-style:circle; width:170px; background:#007070; -webkit-border-radius:10px; border-radius:10px; margin:2px 0 0 0; padding:10px 0 0 35px;z-index: 1001; } #nav li:hover ul { left: auto; margin:0 0 0 -50px } #nav li ul li { height:40px; background:none; border-right:none; list-style:disc; color:#e2ecf6; width:100%; margin:} #nav li ul li a { font-size:15px; color:#edf5f7; line-height:30px; text-shadow:none; letter-spacing:0px; text-transform:capitalize; width:100%; padding:0;} #nav li ul li a:hover { text-decoration:underline; } #nav li ul li:last-child a { border-right:none; padding:0} #nav li ul li a:hover { background:none;} #mobile_nav {display:none;} #closeM {display:none;} /* ========================================================== SLIDESHOW CTA BOXES AND CONTENT ========================================================== */ /************** Slideshow Styles ****************/ /* required block for any slide show - use for all slide shows on your site */ /* main containers */ #slides_container{width: 100%;max-width: 942px; height:300px;position:relative; overflow: hidden;margin:0 auto 17px auto;} #slides_container div{display: none;position:absolute;width:100%;} #slides_container div span{display: none;position:absolute;left: 0px;top:0px;} #slides_container #egg_timer{position: absolute;left: 50%;top:50%;} #slides_container img{max-width:100%;} #slides_container_inside{width: 100%;max-width: 942px; height:150px;position:relative; overflow: hidden;margin:0 auto 17px auto;} #slides_container_inside div{display: none;position:absolute;width:100%;} #slides_container_inside div span{display: none;position:absolute;left: 0px;top:0px;} #slides_container_inside #egg_timer{position: absolute;left: 50%;top:50%;} #slides_container_inside img{max-width:100%;} /************** CTA Box Styles ****************/ #boxes { width:942px; height:auto; margin:0 auto 17px auto;} #boxes .cta-box{ display:block; height:39px; width:203px; padding:81px 0 0 18px; text-decoration:none; font-size:16px; color:#fff; float:left; margin:0 19px 0 0; overflow:hidden; position:relative; } #boxes_inside .cta-box{ display:block; height:39px; width:203px; padding:81px 0 20px 18px; text-decoration:none; font-size:16px; color:#fff; float:none; margin:0 19px 0 0; overflow:hidden; position:relative; } #boxes .cta-box span { font-size:30px; margin:-9px 0 0 ; padding:0 0 0 8px; position:absolute; left:-225px; opacity:0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } #boxes .pga{ background:url(../library/pga.jpg) no-repeat} #boxes .video{ background:url(../library/video.jpg) no-repeat;} #boxes .vouchers{ background:url(../library/Gift_Vouchers.jpg) no-repeat;} #boxes_inside .vouchers{ background:url(../Gift_Vouchers.jpg )no-repeat;} #boxes .ballyneety { background:url(../library/ballyneety.jpg) no-repeat; margin:0;} #boxes_inside .ballyneety { background:url(../library/ballyneety.jpg) no-repeat; margin:0;} /**** Hover Effects ****/ .fade { width:221px; height:120px; background:url(../library/cta-hover.png); position:absolute; opacity:0; left:0; top:0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #boxes .cta-box:hover .fade { opacity:1;} #boxes_inside .cta-box:hover .fade {} #boxes .cta-box:hover span { left:auto; opacity:1} #boxes_inside .cta-box:hover span { left:auto; opacity:1} /************** Course Styles ****************/ #course-slider { width:100%; list-style:none; margin:0 0 15px 0; padding:0; overflow:hidden; height:40px; } #leftcol #course-slider li { float:left; width:23px; height:23px; margin:0 9px 0 0; list-style:none; -webkit-border-radius:5px; border-radius:5px; background:#348484; line-height:23px; } #leftcol #course-slider li:hover { background:#105656} #leftcol #course-slider li a { text-decoration:none; color:#fff; text-align:center; display:block; font-size:14px } #leftcol #course-slider li:first-child, #leftcol #course-slider li:last-child { background:none;} #leftcol #course-slider .current_slide { background:#ED1D24;} #leftcol #course-slider .current_slide:hover { background:#b8181e; } #main_container{ background:#fff; padding:10px;} #main_container img { padding:0 10px 0 0; clear:both;} /************** Content Styles ****************/ #content { padding:45px 0 0 0; background:#fff; background:rgba(241,245,250,0.90); margin-top:-30px;} #content_wrapper { width:942px; margin:0 auto;} #leftcol{ width:650px; padding:0 0 25px 25px; float:left; font-size:13px; color:#224769; line-height:1.4; text-align:justify;} #leftcol ul li, #leftcol ol li { list-style:url(../library/bullet_point.png)} .fittingbrands {padding-right:20px;} #booking_rightcol{background:url(../library/booking_button.png) no-repeat; display:block; width:220px; height:60px; line-height:60px; padding:0 0 10px 0px; color:#fff; font-size:18px; text-decoration:none; margin:14px 12px 0 0; text-shadow: 0 -1px 0.5px #565454; text-align:center; } #booking_rightcol:hover { background:url(../library/booking_button_hover.png) no-repeat;} #rightcol { width:220px; float:right;} .opening {margin:10px 0 10px; text-align:center; font-size:22px;} .opening_hours {color:#224769; font-size:14px; text-align:center; font-weight:600; text-decoration:none;} .blog_title{ font-size:32px; text-align:center;} #book_visitors, #book_members { background:url(../library/booking_button.png) no-repeat; display:block; width:185px; height:60px; line-height:60px; padding:0 0 0 35px; color:#fff; font-size:20px; text-decoration:none; margin:20px auto; text-shadow: 0 -1px 0.5px #565454; } #book_visitors:hover{ background:url(../library/booking_button_hover.png) no-repeat;} #book_members { background:url(../library/members_bg.png) no-repeat; } #book_members:hover { background:url(../library/members_bg_hover.png) no-repeat;} #book_panel { max-height:185px; max-width:255px;} .fb_iframe_widget {margin-bottom:15px;} #content #leftcol .lessons_links { width:645px; background:#007071; height:40px; padding:0; margin:0 0 10px 0; border:1px solid #92B4D3; } #content #leftcol .lessons_links:hover { background:#0c6363;} #content_wrapper #leftcol .lessons_links a { color:#fff; text-decoration:none; font-size:18px; line-height:40px; width:615px; padding:0 0 0 30px; display:block; font-style:normal; text-transform:capitalize;} #content_wrapper #leftcol .lessons_links a:hover { } /* ========================================================== LOGOS AND FOOTER ========================================================== */ /************** Logo Area ****************/ #logos { background:#ebf1f7; position:relative; z-index:50; padding:15px 0;} #logos_image {display:block; height:auto; margin:0 auto; width:100%;} /************** Footer Styles ****************/ #footer{ width:100%; background:#064b4b; padding:45px 0; margin:-15px 0 0 0; position:relative; z-index:0; -webkit-box-shadow: 0 -3px 6px 2px rgba(0,0,0,0.2); box-shadow: 0 -3px 6px 2px rgba(0,0,0,0.2);} #footer_content { width:980px; margin:0px auto 0 auto } #footer_content .footer_links { width:115px; padding:0 10px 0 0; float:left; margin:0;} #footer_content .footer_links li { list-style:none; margin:0 0 5px 0; color:#E0E4E4; font-size:11px;} #footer_content .footer_links li a { color:#fff; text-decoration:none; font-size:11px; color:#e2ecf6;} #social{ width:100px; margin:0 0px; float:left; list-style:none; padding:0;} #social li { list-style:none;} #social li a { text-indent:-9999px} #footer_address { width:350px; float:right; text-align:right; color:#e2ecf6; font-size:11px; line-height:1.4; } #floweb_links { color:#fff; text-align:center; font-size:11px; margin:20px 0 0 0;} #footer_address > img {margin-bottom:15px;} /* ======================================================== BLOG STYLING ========================================================== */ #newsticker { width:100%; height:130px; margin:10px 0 0 0;} #newsticker p { font-size:11px;} #newsticker p strong { color:#348484} #newsticker .more a, .blog_list_more a { background:#348484; -webkit-border-radius:5px; border-radius:5px; padding:5px 10px; text-align:center; text-decoration:none; color:#fff;} #newsticker .more a:hover, .blog_list_more a:hover { background:#105656 } #newsticker .bloglink { font-size:18px; text-decoration:none; font-weight:500; color:#224769;} .newsdetail {text-align:center;} .blog_detail_headline, .blog_list_headline a, .blog_list_headline { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#224769; font-style:normal; text-align:left;} .blog_list_date, .blog_list_cats{ font-size:11px;} .blog_list_cats { margin:0 0 15px 0} .blog_list_date { margin-bottom:10px;} .post_count, .blog_list_posts { border-bottom:5px #CAD6D6 solid; display:block; padding-bottom:3px; } .blog_list_headline a{ text-decoration:none;} #rightcol ul li { margin:10px;} #form1 input { width:200px;} #form1 label { width:180px } .form_element_blog br { display:none;} #form1 .form_element_blog #notify { width:20px;} #form1 .form_element_blog:nth-of-type(5) label { width:70px;} #form1 #captcha label { width:120px;} .form_element_blog{ margin:5px 0;} #button{ width:120px; margin-bottom:30px;} /* ========================================================== Clink-Nav ========================================================== */ .click-nav {margin:100px auto;width:200px;} .click-nav ul {position:relative;font-weight:900;} .click-nav ul li {position:relative;list-style:none;cursor:pointer;} .click-nav ul li ul {position:absolute;left:0;right:0;} .click-nav ul .clicker {position:relative;background:#2284B5;color:#FFF;} .click-nav ul .clicker:hover,.click-nav ul .active {background:#196F9A;} .click-nav img {position:absolute;top:9px;left:12px;} .click-nav ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out; -moz-transition:background-color 0.2s ease-in-out;display:block;padding:8px 10px 8px 40px;background:#FFF;color:#333;text-decoration:none;} .click-nav ul li a:hover {background:#F2F2F2;} /* Fallbacks */ .click-nav .no-js ul {display:none;} .click-nav .no-js:hover ul {display:block;} /* ========================================================== FORM STYLING ========================================================== */ #subm { margin:30px 0 0 160px;} form td{padding:7px 0} input, textarea, select{margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333335; background: #fff; box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset; -webkit-border-radius:3px; border-radius:3px} input[type=text], input[type=password], textarea, select{padding:7px; margin-right:10px; border:1px solid #cfcfcf;} input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover, input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{border:1px solid #348484;} input[type=submit]{ text-decoration:none; border:none; padding:15px; background:#348484 no-repeat right center; color:#fff;} input[type=submit]:hover{background:#105656; } input[type=submit]:active{background:#105656; -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, .4); box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, .4); } input[type=radio]{margin:5px 5px 0 0 } label{color:#348484; width:100px; display:inline-block; margin:0 0 20px 0;} .cms_form { width:250px;} .form_element textarea { margin-bottom:20px;} /* ========================================================== GALLEY STYLES ========================================================== */ .cms_image_layout { float:left; width:160px; border:10px solid #cad6d6; padding:10px; margin:0 15px 15px 0; } .cms_image_layout img { margin:-10px auto; display:block;} .cms_photo_name { text-align:center;} .cms_image_layout a { text-align:center; display:block; text-decoration:none;} /* ========================================================== TABLES STYLES ========================================================== */ #leftcol table { margin-bottom:10px; border:1px solid #333; } #leftcol table tbody tr, #leftcol table tbody tr td { border:#EBF1F7 1px solid; padding:5px;} #leftcol table tbody tr:nth-child(odd) { background:#CAD6D6;} #leftcol table tbody tr:nth-child(even) { background:#EBF1F7;} caption { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:300; color:#348484; margin:0 0 10px 0; font-size:26px; } /* ========================================================== PRODUCT LISTING ========================================================== */ .cms_prod_listing{width:200px; height:231px; position:relative; z-index:5; line-height:1.2; color:#474747; float:left;} .cms_prod_listing_rec{width:199px; height:230px; font-weight:bold; position:relative; z-index:5; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; line-height:1.2; color:#474747; float:left;} .cms_prod_listing_rec a{text-decoration:none; color:#474747} .cms_prod_listing_rec:hover{} span .cms_prod_listing{display:block;} .cms_prod_listing_content{ width: 199px; height:230px; background:#fff; position:absolute; top:0; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9} .cms_prod_listing_content:hover{-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, .2); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, .2);} .prod_listing_cart{padding:10px; width:179px; display:none; position:absolute; top:230px; left:0; } #rightcol .listing_image{height:155px; vertical-align:bottom} .special_offer_list{display:block; position:absolute; top:10px; right:0; width:50px; height:44px; background:url(../library/offer.png) no-repeat 0 0} .special_offer_detail{display:block; position:absolute; top:10px; left:0; width:50px; height:44px; background:url(../library/offer.png) no-repeat 0 0} .cms_prod_listing img{display:block; margin:0 auto 10px; vertical-align:bottom} .price_listing{float:right; margin:0; color:#C21724; font-weight:bold; text-align:right} .prod_name{font-weight:bold;} #listing_submit{background:#cacf01; color:#4b4c14; cursor:pointer; text-decoration:none; line-height:1; padding:4px 8px; border:none; font-size:11px; -webkit-border-radius:5px; border-radius:5px;} #listing_submit:hover{background:#aeb200} #prod_more_detail{background:#366998; color:#fff; text-decoration:none; line-height:1; padding:4px 8px; border:none; font-size:11px; -webkit-border-radius:5px; border-radius:5px;} #prod_more_detail:hover{background:#28547c} #rightcol .cms_prod_listing .cms_form_cart{padding:3px 0; height:18px; margin-right:0} #book_visitors { background:url(../library/booking_button.png) } #book_members { } /************************** portfolio images ****************/ #caption{height: 25px;} .left_thumbs{border: solid 1px #fff;width:90px;} .bottom_thumbs{border: solid 1px #fff;width:90px;} #current_img_container{width:330px; position:relative;} #current_img img{max-width: 310px;} .thumnail_prod{vertical-align:top} .thumnail_prod img{position:relative;} .thumnail_prod a{float:left; margin:0 5px 5px 0; padding:0 1px 0 0; overflow:hidden; } .thumnail_prod a img{max-width:60px;} /*floated elements in product detail page*/ #image_table{float: left; margin:0} #right_detail{width: 460px; float:right;} p.error{font-weight: bold; color:#FF0000;}/*the errors shown when adding to cart*/ /* record paging */ #page_numbers{margin-top:20px;} #page_numbers a{text-decoration:none; display:inline-block; width:30px; height:30px; margin:0; line-height:30px; border:1px solid #cacaca; text-align:center; background: #feffff; /* Old browsers */ background: -moz-linear-gradient(top, #feffff 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feffff 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #feffff 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #feffff 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ } #page_numbers a.next_page{margin-left:10px;width:auto; padding:0 10px;} #page_numbers a.prev_page{margin-right:10px; width:auto; padding:0 10px;} #page_numbers a.cur_page, #page_numbers a:hover{background:#4375a3; color:#fff;} /* ========================================================== CHECKOUT SECTION ========================================================== */ /* ============= GENERIC STYLES ==============*/ /* Styling the main call to action button (checkout, proceed to next step, buy etc) */ #content .checkout_important{line-height:1; font-size:16px; cursor:pointer; padding:10px 39px 10px 15px; text-decoration:none; color:#fff; text-decoration:none; color:#fff; float:right; background:#0a4072 url(http://www.ecologicalbuildingshop.ie/library/white-shop-btn-arrow.png) no-repeat right center; -webkit-border-radius:5px; border-radius:5px;} #content .checkout_important:hover{background:#08335c url(http://www.ecologicalbuildingshop.ie/library/white-shop-btn-arrow.png) no-repeat right center} #content .checkout_important:focus{background:#08335c url(http://www.ecologicalbuildingshop.ie/library/white-shop-btn-arrow.png) no-repeat right center; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .7); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .7);} /* Add .centered-btn to it to get it centered on the page */ #content .centered_btn{margin:0 auto; display:inline-block; float:none; position:absolute; left:50%; bottom:20px; margin-left:-75px; width:150px;} /* Styling the medium sized call to action button */ #content .checkout_medium{line-height:1; font-size:12px; padding:5px 8px; cursor:pointer; text-decoration:none; color:#606060; float:left; background:#ededed; -webkit-border-radius:5px; border-radius:5px;} #content .checkout_medium:hover{background:#e7e7e7} #content .checkout_medium:focus{background:#e7e7e7 -webkit-box-shadow: inset 1px 3px 6px 0px rgba(0, 0, 0, .1); box-shadow: inset 1px 3px 6px 0px rgba(0, 0, 0, .1);} /* Styling the blue small call to action button */ #content .checkout_medium2, .checkout_medium2{line-height:1; font-size:12px; padding:5px 8px; margin:10px 0 0 0; border:none; cursor:pointer; text-decoration:none; color:#fff; background:#0a4072; -webkit-border-radius:5px; border-radius:5px;} #content .checkout_medium2:hover, .checkout_medium2:hover{background:#08335c} #content .checkout_medium2:focus, .checkout_medium2:focus{background:#08335c -webkit-box-shadow: inset 1px 3px 6px 0px rgba(0, 0, 0, .1); box-shadow: inset 1px 3px 6px 0px rgba(0, 0, 0, .1);} #content .centered .checkout_medium2{margin:10px 20px 0;} #discount_code_section .checkout_medium2{margin-left:10px;} #content .align_button{margin-left:150px;} /* Styling the tables on the basket and checkout */ .checkout_table{margin:0 0 15px 0} .checkout_table thead{border-bottom:1px solid #ccc; background:#f4f4f4;} #content .checkout_table td{padding:12px 0; vertical-align:top } .cart_header_normal{} span.cart_img{float:left; margin:0 10px 0 0; width:60px; height:60px;} .cart_img{max-height:100%; max-width:100%;} /* Styling form rows */ .form_row{padding:5px 0;} /* Styling the labels */ .form_row label, .label{clear:both; float:left; width:150px; line-height:2.3;} .form_row label.no_float{float:none; line-height:1.5} /* Giving the main input and select forms a width */ .form_row input[type=text], .form_row input[type=password]{width:200px;} .form_row select{width:215px} /* Mandatory Stars */ .mandatory_star{} /* ============= THE BASKET ==============*/ /* Delete button */ .relative{position:relative;} /* Adding this button so the delete button will position relative to the table cell */ .cart_delete{width:9px; height:10px; display:block; text-indent:-9999px; position: absolute; top:4px; right:-10px; background:url(../library/checkout/x-close.png) no-repeat 0 0} .cart_delete:hover{background-position:0 -20px;} /*Add a right margin to the checkout button to keep it aligned to the table */ .push_back{margin-right:30px;} /* Quantity box and buttons */ .checkout_qty{position:relative; width:45px; margin:0 auto; } .checkout_qty input{width:20px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;} .cart_increase, .cart_decrease{width:13px; height:14px; border:1px solid #cfcfcf; display:block; text-indent:-9999px; position:absolute; left:33px;} .cart_increase:hover, .cart_decrease:hover{background-color:#f4f4f4} .cart_increase{top:0; -webkit-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px; background:url(../library/checkout/up-down-arrows.png) no-repeat 0 0} .cart_decrease{border-top:1px solid #fff; top:16px; -webkit-border-radius: 0px 0px 3px 0px; border-radius: 0px 0px 3px 0px; background:url(../library/checkout/up-down-arrows.png) no-repeat 0 -16px} .checkout_line{line-height:2;} .continue_shopping{margin-left:15px;} /* ============= CHECKOUT (BILLING & SHIPPPING ADDRESS) ==============*/ #address_left{width: 470px;float:left; margin:10px 0 80px;} #address_right{width: 470px;float:right; margin:10px 0 80px;} #address_left h2, #address_right h2{padding-top:0; color:#ccc; border-bottom:1px solid #ccc; margin:0 0 10px 0} /* ============= CONFIRMATION ==============*/ .clear_line{clear:both; width:100%; height:1px; border-bottom:1px solid #ccc; margin:0 0 30px 0} .left_checkout{width: 460px; margin:10px 0 30px; float:left;} .right_checkout{width: 460px; margin:10px 0 30px; float:right;} .left_checkout .form_row, .right_checkout .form_row{padding:0;} #checkout_final_order_summary .form_row. total_label{padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #ccc;} .checkout_sub_sub{ border-bottom:1px dashed #d7d7d7; margin:0 0 8px 0; padding:0 0 8px 0} #content .edit_button{float:right; line-height:1; padding:5px 7px; border:1px solid #c2c2c2; color:#757575; -webkit-border-radius:5px; border-radius:5px; font-size:12px; text-decoration:none; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ } #content .edit_button:hover{background:#ececec;} #content .edit_button:focus{-webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .1);box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .1); } #checkout_final_ship_to .edit_button{margin:0; position:relative} #content .remove_button{float:right; line-height:1; padding:5px 7px; margin:0 0 0 5px; border:1px solid #c2c2c2; color:#757575; -webkit-border-radius:5px; border-radius:5px; font-size:12px; text-decoration:none; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ } #content .remove_button:hover{background:#ececec;} #content .remove_button:focus{-webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .1);box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .1); } #checkout_final_paym td{font-size:13px;} #checkout_final_instructions textarea{width:440px;} #discount_code_section{margin:15px 0 0} #discount_code_section .checkout_medium2, #promo_code{margin:0 5px 0 0;} #discount_code_section strong{display:block; margin:0 0 6px 0} #content #checkout_products{margin:0 0 15px 15px} .left_checkout .tr_label, .right_checkout .tr_label{float:left; width:200px;} #content .total_label{padding:10px 0; margin:10px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea} #content #ship_to_list{margin:15px 0 0 0; padding:0; list-style:none;} #content #ship_to_list li{float:left; margin:0 10px 0 0;} /* ========================================================== CUSTOMER ACCOUNT ========================================================== */ /* ============= CUSTOMER NAVIGATION ==============*/ #content #cust_nav{margin:0 0 15px 0; padding:0 0 0 10px; list-style:none; border-bottom:1px solid #ccc;} #cust_nav li{display:inline-block} #cust_nav li a{display:block; padding:7px 12px; line-height:1; border:1px solid #ccc; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; border-bottom:none; color:#757575; text-decoration:none; -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ } #cust_nav li a:hover{color:#fff; border:1px solid #20496f; border-bottom:none; background: #256291; /* Old browsers */ background: -moz-linear-gradient(top, #256291 0%, #20496f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#256291), color-stop(100%,#20496f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #256291 0%,#20496f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #256291 0%,#20496f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #256291 0%,#20496f 100%); /* IE10+ */ background: linear-gradient(to bottom, #256291 0%,#20496f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#256291', endColorstr='#20496f',GradientType=0 ); /* IE6-9 */ } /* ============= INVOICES ==============*/ #content .invoice_box{padding:10px; background:#fff; border:1px solid #DFDFDF; -webkit-border-radius:5px; border-radius:5px; margin:0 0 15px 0} #content .invoice_box ul{list-style:none; margin:0;} #content .invoice_box ul li{float:left; margin:0 10px 0 0} #content .invoice_box .edit_button{float:left;} /* ========================================================== UPDATE CART ========================================================== */ #content .push_right{float:right; margin-right:35px} .cust_section{display:none;}/*screen 1 of registration / login*/ .quickReg{display:none;}/*important, do not remove*/ #egg_timer_checkout{z-index:2000; left: 50%;top: 50%; margin-left:-15px; position:absolute;display:none; background:#fff; padding:10px; -webkit-border-radius:5px; border-radius:5px;} /* ========================================================== IE6 WARNING MESSAGE ========================================================== */ #IE6_message{width: 800px;border:solid 1px red;position: absolute;left: 50%;margin-left: -400px; top: 200px; background:#F5F5F5;text-align:center;padding:20px;} #grey_layer{position: absolute; top: 0;left: 0; width: 0; height: 0;z-index:449;background:#000000;} #book_panel{width: 290px;height:280px; -webkit-border-radius:5px; border-radius:5px; padding:15px; background: white;position:absolute;left: -9999px;top: 0px;z-index:505;} #close-panel{position:absolute; top:15px; right:15px; text-indent:-9999px; width:17px; height:17px; background:url(../library/checkout/close-button.png) no-repeat 0 0} #close-panel:hover{background-position:0 -18px} .overview_detail{display:none;} /* ========================================================== MEDIA QUERIES ========================================================== */ /* responsive and media queries*/ @media only screen and (max-width : 1010px) { body {margin:0;} .container {width:768px;} /*HEADER*/ #header_logo {width:42%;} #address {font-size:13px; width:208px;} #gui_banner {height:64px;} #booking {margin:20px 0 0 0;} #phone {margin:10px 3px 0 0;} #nav {width:768px;} #nav a {padding:0 8px;} #nav li:last-child a {padding:0 7px;} #slides_container {height:254px;} #boxes {height:auto; margin:0 auto 17px; width:100%;} #boxes .cta-box {box-sizing:border-box; font-size:14px; height:105px; margin:0 1%; padding:83px 0 0 8px; width:23%;} #content_wrapper {width:100%;} #leftcol {padding-left:1%; width:58%;} h1 {font-size:26px;} #leftcol table {width:100%!important;} #rightcol {padding-right:1%; width:32%;} #logos_image {width:100%;} #footer {margin:-15px auto 0; width:768px;} #footer_content {width:100%;} #footer_content .footer_links {padding:1%; width:23%;} #social {float:none; margin:0 auto; width:300px;} #social li {float:left;} #footer_address {float:none; margin:0 auto; position:relative; text-align:center; width:270px;} #footer_content .footer_logo {clear:both; display:block; float:none; margin:0 auto; padding-top:15px;} } /* responsive and media queries*/ @media only screen and (max-width : 767px) { .container {width:100%;} #header_logo, #address, #gui_banner, #booking, #nav, #boxes .cta-box, #leftcol, #rightcol, #newsticker, #footer_content, #logos_image {box-sizing:border-box; display:block; float:none; margin:0 auto; position:relative; width:100%;} #header_logo {margin-bottom:10px; width:280px;} #address {left:0; margin-top:-10px; padding:0;} #gui_banner {left:0; margin:-20px auto 30px; width:220px;} #phone {background:#E5F1FF; float:none; margin:1px 0 0; padding:4px 0; text-align:center;} #slides_container {display:none;} #booking, #booking:hover {background-position:center; padding:0; text-align:center; width:220px;} #boxes .cta-box {margin:15px auto; padding:83px 3% 0; width:221px;} /* turn menu to mobile menu*/ #mobile_nav {display:inline; font-size:26px; margin:1%; position:absolute; right:0; top:0;} #closeM {display:inline;} #nav {display:none; height:auto; min-height:52px;} #nav li {border:none; float:none; height:auto; margin:0; width:100%;} #nav a {background:#348485; border-bottom:1px solid gray; border-top:1px solid #fff; height:40px; line-height:40px; margin:0; padding:0; text-align:center; width:100%;} #nav li ul {display:none; height:auto; left:0px; position:relative; width:100%;} #nav li:hover ul {left:0px;} #nav li:last-child a {padding:0;} #nav li ul {list-style-type:none; margin:0; padding:0;} #nav li:hover ul {left:auto; margin:0px } #nav li ul li a {background:#52a7a8; line-height:40px;} #nav li ul li a:hover {text-decoration:none;} #content {margin-top:0px; padding: 10px 0 0;} #leftcol, #rightcol {padding:0 3%; text-align:center;} #course-slider {height:88px;} #leftcol #course-slider li {margin:3px;} #content_wrapper #leftcol p img {box-sizing:border-box; margin:0; padding:3%;} #leftcol table {width:100%!important;} #leftcol ul li, #leftcol ol li {text-align:left;} #downloadbutton {margin:0 auto;} #newsticker {min-width:250px; width:36%;} .newsdetail {text-align:center; width:100%!important;} #booking_rightcol {margin:29px auto;} #cms_api iframe {margin-bottom:20px; max-width:100%; width:100%!important;} #content #leftcol .lessons_links, #content_wrapper #leftcol .lessons_links a {padding:0; width:100%;} #logos_image {width:100%;} #footer {width:100%;} #social {position:relative; z-index:500;} .footer_links {display:none;} } /* responsive and media queries*/ @media only screen and (max-width : 500px) { #header_logo {width:240px;} #slides_container {display:none;} h1 {font-size:20px;} .cms_form {width:236px;} label {margin:2px 0; text-align:left; width:250px;} #content_wrapper #leftcol .lessons_links a {font-size:14px;} } /******************* COOKIE LAW *****************/ #cookie_button{width:50px;-webkit-border-radius:5px 0 0 0 ; -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.4); border-radius:5px 0 0 0; padding:10px; z-index:9999; height: 70px; font-size:13px; font-weight:700; color:#fff; text-align:center; position:fixed ; right: 0px; bottom: 0px; background:#457A88;/* for a change */;overflow: hidden; } #cookie_button:hover{color:#457A88;} #cookie_content{width: 740px; padding:5px 10px; height:auto; margin:-30px 0 0 70px; background:#457A88; color:#fff; font-size:14px; line-height:1.2} #cookie_content p { margin:10px 30px 10px 10px; text-align:left;} #cookie_content p a{ color:#fff; text-decoration:none; font-weight:bold; } #cookie_content p a:hover{ text-decoration:underline;} #cookies_accept a{background:url(../library/cookies/tick.png) no-repeat right; display:block; float:right; margin:0 20px 0 0; padding:5px 40px 5px 5px; color:#fff; text-decoration:none; font-size:14px; font-weight:bold;} #cookies_accept a:hover{ text-decoration:underline;} #cookie_button #cookies_title{font-weight: bold; margin:0 0 0 10px; font-size:16px;} /****************** END COOKIE LAW ****************/