@charset "utf-8"; /* Theme Name: BT Al Saudia Description: A custom theme for the BT Al Saudia website. Version: 0.9 Author: Peel Solutions Ltd Author URI: http://www.peel-solutions.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Reset */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } body { color: #666666; font-size: 80%; font-family: Arial, Helvetica, sans-serif; } a img { border: 0; background: none; } img { vertical-align: middle; } .clear { clear: both; } fieldset { border: 0; } ::selection { background: #ffcc89; color: #222; } ::-moz-selection { background: #ffcc89; color: #222; } .button { background: #fe4902 url(/images/button-bg.png) top left repeat-x !important; color: white !important; font-weight: bold; font-size: 15px; -moz-border-radius: 16px !important; -webkit-border-radius: 12px !important; border: 0 !important; letter-spacing: -1px; padding: 5px 12px 3px 12px !important; } .button:hover { background: #2e2e2e !important; cursor: pointer; } .alignCenter { text-align: center; } .floatLeft { float: left; } .floatRight { float: right; } #container { width: 960px; margin: 0 auto; } /* Header */ #header { padding: 15px 25px; } #header h1#logo { width: 200px; height: 65px; background: #fff url(images/btalsaudia-logo.gif) top left no-repeat; text-indent: -9000px; float: left; } #header #search { padding: 27px 0 0 0; float: right; } #searchform .screen-reader-text { display: none; } #searchform input[type="submit"] { cursor: hand; cursor: pointer; width: 64px; color: #FFFFFF; font-size: 0.7em; font-weight: bold; background-color: #525252; border: 0 !important; margin: 0; padding: 2px 0; vertical-align: top; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; } .home .left h2.about { margin: 0 0 10px 0; background: none !important; color: #64379B !important; } .home .left ul li.about a, .home .left ul li.about a:hover, .home .left ul li.about a:visited, .home .left ul li.about a:active { text-decoration: none !important; color: #64379B !important; } .home .left ul li.about { display: block; text-decoration: none; padding: 0 0 0 12px; margin: 6px 0 6px -25px; font-weight: normal; background: url(images/arrow-generic.gif) top left no-repeat; } .home .left h2.partners { margin: 0 0 10px 0; background: none !important; color: #B73806 !important; } .home .left ul li.partners a, .home .left ul li.partners a:hover, .home .left ul li.partners a:visited, .home .left ul li.partners a:active { text-decoration: none !important; color: #B73806 !important; } .home .left ul li.partners { display: block; text-decoration: none; padding: 0 0 0 12px; margin: 6px 0 6px -25px; font-weight: normal; background: url(images/arrow-partners.gif) top left no-repeat; } .home .right h2 { margin: 0 0 10px 0; background: none !important; color: #079812 !important; } .home .right a, .home .right a:hover, .home .right a:visited, .home .right a:active { color: #079812 !important; text-decoration: none; } .home .right .newslink em { color: #000000; font-style: italic; } /* Navigation */ #nav { height: 30px; margin: 0; background-color: #000000; } #nav ul { list-style: none; margin: 0; padding: 0 12px; } #nav ul li { text-align: center; float: left; } #nav ul li a { float: left; padding: 8px 9px 0 9px; font-size: 0.85em; color: #CCCCCC; text-decoration: none; font-weight: bold; } #nav ul li a:hover { color: #FFFFFF; } #nav ul li.page-item-18 { float: right; } #nav ul li.current_page_item a { color: #FFFFFF; } /* Banners */ #banner { height: 113px; padding: 5px 20px; } #banner-home { height: 271px; } .banner-home-generic { background: url(images/banner-generic.png) top left no-repeat; } .banner-home-news { background: url(images/banner-news.png) top left no-repeat; } .banner-home-products { background: url(images/banner-products.png) top left no-repeat; } .banner-home-partners { background: url(images/banner-partners.png) top left no-repeat; } .banner-home-contact { background: url(images/banner-contact.png) top left no-repeat; } .banner-home-recruitment { background: url(images/banner-recruitment.png) top left no-repeat; } #banner #breadcrumb { margin-bottom: 35px; padding-top: 4px; font-size: 0.85em; color: #333333; } #banner #breadcrumb a, #banner #breadcrumb a:visited, #banner #breadcrumb a:active { text-decoration: none; color: #333333; } #banner #breadcrumb a:hover { text-decoration: underline; } .block { width: 280px; margin-bottom: 20px; padding: 5px 10px; background: #EDEDED; } .block-clear { width: 280px; margin-bottom: 20px; padding: 5px 10px; } .right ul { margin-left: 0; } .right ul li { display: block; text-decoration: none; padding: 0 0 0 12px; margin: 6px 0; font-weight: normal; } .right ul li a, .right a:hover, .right ul li a:visited, .right ul li a:active { text-decoration: none; } .right h3 { margin: 0 0 10px 0; padding: 5px 0px 10px 0px; } .right ul li.tel { padding-left: 20px; background: url(images/icon-tel.gif) top left no-repeat !important; } .right ul li.fax { padding-left: 20px; background: url(images/icon-fax.gif) top left no-repeat !important; } .right ul li.email { padding-left: 20px; background: url(images/icon-email.gif) top left no-repeat !important; } .right ul li.mail { padding-left: 20px; background: url(images/icon-mail.gif) top left no-repeat !important; } /* Sections */ #about #banner { background: url(images/banner-generic-sm.png) top left no-repeat; } #about #banner-text { width: 358px; height: 42px; background: url(images/title-about.gif) no-repeat top left; text-indent: -9000px; } #about #content a, #about #content a:hover, #about #content a:visited, #about #content a:active { color: #64379B; } #about #content h3 { color: #64379B; } #about .right ul li { background: url(images/arrow-generic.gif) top left no-repeat; } #about .block { background-color: #E8E8F2; } #about .right h3 { background: url(images/divider-generic.gif) bottom left repeat-x; } /* News */ #news #banner { background: url(images/banner-news-sm.png) top left no-repeat; } #news #banner-text { width: 358px; height: 42px; background: url(images/title-news.gif) no-repeat top left; text-indent: -9000px; } #news #content a, #news #content a:hover, #news #content a:visited, #news #content a:active { color: #079812; text-decoration: none; } #news #content h3 { color: #079812; } #news .right ul li { background: url(images/arrow-news.gif) top left no-repeat; } #news .block { background-color: #DFEDD4; } #news .right h3 { background: url(images/divider-news.gif) bottom left repeat-x; } #news .newsdate { color: #000000; font-size: 0.7em !important; font-style: italic !important; font-weight: normal !important; } #news .newslink { display: block; text-decoration: none; padding: 0 0 0 12px; margin: 6px 0; font-weight: normal; background: url(images/arrow-news.gif) top left no-repeat; } /* Products */ #products #banner { background: url(images/banner-products-sm.png) top left no-repeat; } #products #banner-text { width: 358px; height: 42px; background: url(images/title-products.gif) no-repeat top left; text-indent: -9000px; } #products #content a, #products #content a:hover, #products #content a:visited, #products #content a:active { color: #1B9ED4; } #products #content h3 { color: #1B9ED4; } #products .right ul li { background: url(images/arrow-products.gif) top left no-repeat; } #products .block { background-color: #E5EDF3; } #products .right h3 { background: url(images/divider-products.gif) bottom left repeat-x; } /* Partners */ #partners #banner { background: url(images/banner-partners-sm.png) top left no-repeat; } #partners #banner-text { width: 358px; height: 42px; background: url(images/title-partners.gif) no-repeat top left; text-indent: -9000px; } #partners #content a, #partners #content a:hover, #partners #content a:visited, #partners #content a:active { color: #B73806; } #partners #content h3 { color: #B73806; } #partners .right ul li { background: url(images/arrow-partners.gif) top left no-repeat; } #partners .block { background-color: #FFEDE5; } #partners .right h3 { background: url(images/divider-partners.gif) bottom left repeat-x; } /* Contact */ #contact #banner { background: url(images/banner-contact-sm.png) top left no-repeat; } #contact #banner-text { width: 358px; height: 42px; background: url(images/title-contact.gif) no-repeat top left; text-indent: -9000px; } /* Recruitment */ #recruitment #banner { background: url(images/banner-recruitment-sm.png) top left no-repeat; } #recruitment #banner-text { width: 358px; height: 42px; background: url(images/title-recruitment.gif) no-repeat top left; text-indent: -9000px; } /* Other */ #generic #banner { background: url(images/banner-generic-sm.png) top left no-repeat; } #generic h3 { color: #64379B; } #about #content a, #about #content a:hover, #about #content a:visited, #about #content a:active, #contact #content a, #contact #content a:hover, #contact #content a:visited, #contact #content a:active, #recruitment #content a, #recruitment #content a:hover, #recruitment #content a:visited, #recruitment #content a:active, #generic #content a, #generic #content a:hover, #generic #content a:visited, #generic #content a:active { color: #64379B; } #about #content h3, #contact #content h3, #recruitment #content h3, #generic #content h3 { color: #64379B; } #about .right ul li, #contact .right ul li, #recruitment .right ul li, #generic .right ul li { background: url(images/arrow-generic.gif) top left no-repeat; } #about .block, #contact .block, #recruitment .block, #generic .block { background-color: #E8E8F2; } #about .right h3, #contact .right h3, #recruitment .right h3, #generic .right h3 { background: url(images/divider-generic.gif) bottom left repeat-x; } /* Functions */ #functions { padding: 10px 0 0 0; } #functions #date { float: right; width: 350px; text-align: right; font-size: 0.85em; font-style: italic; color: #666666; } /* Page Styles */ #content .left { float: left; width: 630px; padding: 0 0 10px 0px; } #content .left h2 { padding: 6px 0; color: #666666; background: url(images/divider-heading.gif) top left repeat-x; } #content .right { float: right; width: 300px; padding: 10px 0 0 20px; } /* Footer */ #reg { margin-top: 15px; padding: 15px 10px 0 10px; text-align: center; font-size: 1em; background: #FFFFFF url(images/divider.gif) top left repeat-x; clear: both; } #footer { clear: both; padding: 10px 10px; border-top: 1px solid #CCCCCC; color: #333333; font-size: 0.85em; } #footer ul { list-style: none; margin: 0; padding: 0; } #footer ul li { text-align: center; float: left; } #footer ul li a, #footer ul li a:hover, #footer ul li a:visited, #footer ul li a:active { float: left; padding: 0 5px 0 0; margin-right: 5px; border-right: 1px solid #CCCCCC; color: #333333 !important; text-decoration: none; } #footer .copy { float: right; } #footer .links { float: left; } #footer .links a, #footer .links a:hover, #footer .links a:visited, #footer .links a:active { color: #333333; text-decoration: none; } #servicedesk { width: 289px; background: url(images/banner-servicedesk.png) no-repeat top left; padding: 75px 10px 15px 10px; } #servicedesk .btn { padding: 0 0 8px 0; } /* Typography */ h1 { font-size: 1.7em; } h2 { margin: 10px 0 15px 0; font-size: 1.7em; } h3 { margin: 20px 0 15px 0; font-size: 1.2em; } p, dd { margin: 0 0 15px 0; } ul, ol { margin: 0 0 15px 25px; } li { margin: 0 0 5px 0; } a, a:hover, a:visited, a:active { color: #337DCA; } hr { border: none 0; border-top: 1px solid #DDDDDD; height: 1px; } span.small { font-size: 0.9em; } /* Forms */ .wpcf7-form { width: 630px; padding-bottom: 20px; font-size: 0.85em; color: #333333; } fieldset { border: 0; padding: 0; margin: 0; } fieldset ul { margin: 0; padding: 0; } fieldset ul.left { float: left; } fieldset ul.right { float: left; margin-left: 50px; } fieldset ul.clear { clear: both; padding-top: 10px; } fieldset ul.clear li { list-style-type: none; padding-top: 5px; vertical-align: text-top; } fieldset ul.clear li label { display: inline-block; text-align: right; padding: 4px 10px 0 0; vertical-align: top; width: 100px; } fieldset ul li label em { font-weight: bold; font-style: normal; color: #FF0000; } .wpcf7-display-none { display: none; } .wpcf7-form input[type="text"], .wpcf7-form textarea, .wpcf7-form select { width: 250px !important; font-size: 1.2em; padding: 2px 0; } .wpcf7-checkbox .wpcf7-list-item { display: block; font-size: 1.2em; padding: 3px 0; } .wpcf7-form input[type="submit"] { cursor: hand; cursor: pointer; width: 64px; color: #FFFFFF; font-size: 0.95em; font-weight: bold; background-color: #525252; border: 0 !important; margin: 0 0 0 110px; padding: 2px 0; vertical-align: top; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; } .wpcf7-form input[type="file"] { font-size: 1.2em; padding: 2px 0; } span.wpcf7-not-valid-tip-no-ajax { display: inline-block !important; text-align: left; vertical-align: top; color: #FF0000; font-size: 0.95em !important; background: #FDFAB3 url(images/form-warning.gif) top left no-repeat; border-right: 1px solid #FF0000; padding: 4px 10px 4px 25px; } div.wpcf7-response-output { margin: 0 110px !important; padding: 10px 5px !important; background-color: #FDFAB3; color: #FF0000; } .mandatory { color: #FF0000; } .help { display: inline-block; text-align: left; vertical-align: top; padding: 4px 10px 3px 25px; background: url(images/form-arrow.gif) top left no-repeat; } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignleft { float: left; }