@charset "utf-8"; /* Theme Name: Sirus Automotive Ltd Description: A custom theme for the Sirus Automotive Ltd website. Version: 1.0 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 { background: #424242; color: #333333; 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: #222222; } ::-moz-selection { background: #FFCC89; color: #222222; } .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: 800px; margin: 0 auto; padding: 10px 0px 10px 0px; } #header { width: 800px; height: 125px; } #content { background: #FFFFFF; } #main { clear: both; padding: 25px 2.4em 1em 2em; display: block; border-width: 0; } #main .left { float: left; width: 350px; } #main .right { float: right; width: 350px; } #footer { clear: both; width: 800px; height: 75px; } /* Home */ .home #main a, .home #main a:link, .home #main a:active, .home #main a:hover, .home #main a:visited { color: #454545; text-decoration: none; font-size: 0.9em; font-weight: bold; } .home #main h1 { color: #FF4000; } .home #main h2 { color: #FF4000; font-size: 1.3em; font-weight: normal; } .home #main h3 { color: #FF4000; font-size: 1.1em; } .home #main p { color: #666666; font-size: 1.0em; margin: 7px 0; } .home #main .intro { height: 400px; } .home #main .intro .left { float: left; width: 230px; padding: 230px 0 0 0; } .home #main .intro .middle { float: left; width: 270px; padding: 280px 0 0 0; } .home #main .intro .right { float: left; width: 210px; padding: 210px 0 0 30px; } .home #main .center { padding: 20px; } .home #main ul { list-style: none; margin: 0; padding: 0; } .home #main ul li { background-image: url(images/bullet-home.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; font-size: 1.0em; } /* Generic */ #generic #header { background: #fff url(images/header-home.png) top left no-repeat; } #generic #header #logo { width: 136px; height: 62px; display: inline; overflow: hidden; background: #fff url(images/logo-home.png) top left no-repeat; float: left; } #generic #header #logo span { margin-left: -9000px; } #generic #footer { background: #fff url(images/footer-home.png) top left no-repeat; } /* About */ #about #header { background: #fff url(images/header-about.png) top left no-repeat; } #about #header #logo { width: 136px; height: 62px; display: inline; overflow: hidden; background: #fff url(images/logo-about.png) top left no-repeat; float: left; } #about #header #logo span { margin-left: -9000px; } #about #footer { background: #fff url(images/footer-about.png) top left no-repeat; } #about #main a, #about #main a:link, #about #main a:active, #about #main a:hover, #about #main a:visited { color: #65AD40; text-decoration: underline; } #about #main h1 { color: #65AD40; } #about #main h2 { color: #65AD40; font-size: 1.1em; } #about #main h3 { color: #65AD40; font-size: 1.1em; font-weight: normal; } #about #main p { font-size: 1.0em; } #about #main .intro { color: #65AD40; font-size: 1.1em; padding-bottom: 0.3em; } #about #main .name { color: #65AD40; font-size: 1.2em; font-weight: bold; } #about #main .testimonial { color: #65AD40; font-style: italic; } #about #main ul.list { list-style: none; margin: 0; padding: 0; } #about #main ul.list li { background-image: url(images/bullet-about.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; font-size: 1.0em; } /* News */ #news #header { background: #fff url(images/header-news.png) top left no-repeat; } #news #header #logo { width: 136px; height: 62px; display: inline; overflow: hidden; background: #fff url(images/logo-news.png) top left no-repeat; float: left; } #news #header #logo span { margin-left: -9000px; } #news #footer { background: #fff url(images/footer-news.png) top left no-repeat; } #news #main a, #news #main a:link, #news #main a:active, #news #main a:hover, #news #main a:visited { color: #D41340; text-decoration: underline; } #news #main h1 { color: #D41340; } #news #main h2 { color: #D41340; font-size: 1.1em; } #news #main h3 { color: #D41340; font-size: 1.1em; font-weight: normal; } #news #main p { font-size: 1.0em; } #news #main .intro { color: #D41340; font-size: 1.1em; padding-bottom: 0.3em; } #news #main .highlight { color: #D41340; font-weight: bold; } #news #main ul { list-style: none; margin: 0; padding: 0; } #news #main ul li { background-image: url(images/bullet-news.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; font-size: 1.0em; } /* Products */ #products #header { background: #fff url(images/header-products.png) top left no-repeat; } #products #header #logo { width: 136px; height: 62px; display: inline; overflow: hidden; background: #fff url(images/logo-products.png) top left no-repeat; float: left; } #products #header #logo span { margin-left: -9000px; } #products #footer { background: #fff url(images/footer-products.png) top left no-repeat; } #products #main a, #products #main a:link, #products #main a:active, #products #main a:hover, #products #main a:visited { color: #007DC5; text-decoration: underline; } #products #main h1 { color: #007DC5; } #products #main h2 { color: #007DC5; font-size: 1.1em; } #products #main h3 { color: #007DC5; font-size: 1.1em; font-weight: normal; } #products #main p { font-size: 1.0em; } #products #main .intro { width: 340px; color: #007DC5; font-size: 1.1em; padding-bottom: 0.3em; } #products #main ul { list-style: none; margin: 0; padding: 0; } #products #main ul li { background-image: url(images/bullet-products.gif); background-repeat: no-repeat; background-position: 2px 50%; padding: 3px 0 3px 20px; font-size: 1.0em; } #productgrid { padding: 0; } #productgrid .left { float: left; width: 200px; text-align: center; } #productgrid .middle { width: 200px; margin: 0 auto; text-align: center; } #productgrid .middle h2 { padding: 10px 0 0 0; } #productgrid .right { float: right; width: 200px; text-align: center; } /* Adaptations */ #adaptations #header { background: #fff url(images/header-adaptations.png) top left no-repeat; } #adaptations #header #logo { width: 136px; height: 62px; display: inline; overflow: hidden; background: #fff url(images/logo-adaptations.png) top left no-repeat; float: left; } #adaptations #header #logo span { margin-left: -9000px; } #adaptations #footer { background: #fff url(images/footer-adaptations.png) top left no-repeat; } #adaptations #main a, #adaptations #main a:link, #adaptations #main a:active, #adaptations #main a:hover, #adaptations #main a:visited { color: #9A4A95; text-decoration: underline; } #adaptations #main h1 { color: #9A4A95; } #adaptations #main h2 { color: #9A4A95; font-size: 1.1em; } #adaptations #main h3 { color: #9A4A95; font-size: 1.1em; font-weight: normal; } #adaptations #main p { font-size: 1.0em; } #adaptations #main .intro { color: #9A4A95; font-size: 1.1em; padding-bottom: 0.3em; } #adaptations #main ul.list { list-style: none; margin: 0; padding: 0; } #adaptations #main ul.list li { background-image: url(images/bullet-adapt.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; font-size: 1.0em; } /* Downloads */ #usefulinfo #header { background: #fff url(images/header-usefulinfo.png) top left no-repeat; } #usefulinfo #header #logo { width: 136px; height: 62px; display: inline; overflow: hidden; background: #fff url(images/logo-usefulinfo.png) top left no-repeat; float: left; } #usefulinfo #header #logo span { margin-left: -9000px; } #usefulinfo #footer { background: #fff url(images/footer-usefulinfo.png) top left no-repeat; } #usefulinfo #main a, #usefulinfo #main a:link, #usefulinfo #main a:active, #usefulinfo #main a:hover, #usefulinfo #main a:visited { color: #D91818; text-decoration: underline; } #usefulinfo #main h1 { color: #D91818; } #usefulinfo #main h2 { color: #D91818; font-size: 1.1em; } #usefulinfo #main h3 { color: #D91818; font-size: 1.1em; font-weight: normal; } #usefulinfo #main p { font-size: 1.0em; } #usefulinfo #main .intro { color: #D91818; font-size: 1.1em; padding-bottom: 0.3em; } #usefulinfo #main ul.list { list-style: none; margin: 0; padding: 0; } #usefulinfo #main ul.list li { background-image: url(images/bullet-usefulinfo.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; font-size: 1.0em; } /* Contact Us */ #contact #header { background: #fff url(images/header-contact.png) top left no-repeat; } #contact #header #logo { width: 136px; height: 62px; overflow: hidden; background: #fff url(images/logo-contact.png) top left no-repeat; float: left; } #contact #header #logo span { margin-left: -9000px; } #contact #footer { background: #fff url(images/footer-contact.png) top left no-repeat; } #contact #main a, #contact #main a:link, #contact #main a:active, #contact #main a:hover, #contact #main a:visited { color: #EA8C09; text-decoration: underline; } #contact #main h1 { color: #EA8C09; } #contact #main h2 { color: #EA8C09; font-size: 1.1em; } #contact #main h3 { color: #EA8C09; font-size: 1.1em; font-weight: normal; } #contact #main p { font-size: 1.0em; } #contact #main .intro { color: #EA8C09; font-size: 1.1em; padding-bottom: 0.3em; } #contact #main ul { list-style: none; margin: 0; padding: 0; } #contact #main ul li { background-image: url(images/bullet-contact.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; font-size: 1.0em; } /* Navigation */ #nav { margin: 0; padding: 35px 0px 0px 25px; } #nav ul { list-style: none; margin: 0; padding: 32px 0 0 175px; } #nav ul li { text-align: center; float: left; } #nav ul li a { float: left; padding: 8px 9px 0 9px; font-size: 1.25em; color: #FFFFFF; text-decoration: none; font-weight: bold; } #nav ul li a:hover { color: #FFFFFF; } #nav ul li.current_page_item a { color: #FFFFFF; } /* Backgrounds */ .home .intro { height: 500px; } .home #content { background: #FFFFFF url(images/home-bg.jpg) top left no-repeat; } .page-parent #content, .page-child #content { background: #FFFFFF url(images/tabs-bg-blank.png) top left no-repeat; } .page-id-6 #content { background: #FFFFFF; background-image: none; } .page-id-111 #content, .parent-pageid-111 #content { background: #FFFFFF url(images/tabs-bg-ican.png) top left no-repeat; } .page-id-117 #content, .parent-pageid-117 #content { background: #FFFFFF url(images/tabs-bg-switch.png) top left no-repeat; } .page-id-259 #content, .parent-pageid-259 #content { background: #FFFFFF url(images/tabs-bg-youcan.png) top left no-repeat; } .page-id-265 #content, .parent-pageid-265 #content { background: #FFFFFF url(images/tabs-bg-wavevo.png) top left no-repeat; } .page-id-275 #content, .parent-pageid-275 #content { background: #FFFFFF url(images/tabs-bg-wecan.png) top left no-repeat; } /* Tabs */ #tabs { height: 30px; padding: 97px 0 0 15px; margin: 0; } #tabs ul { list-style: none; padding: 0 2px 2px 0; margin: 0; } #tabs ul li { float: left; background: #e6e6e6; margin: 0 3px 1px 0; border-top: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; } #tabs ul li.current_page_item { background: #FFFFFF !important; color: #000000; padding: 0 0 1px 0; margin: 0 3px 0 0; } #tabs ul li.current_page_item a:hover { background: #FFFFFF !important; } #tabs ul li a { float: left; color: #555555; text-decoration: none; padding: 7px 9px; } #tabs ul li a:hover { background: #DADADA; } /* 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; } /* Forms */ .wpcf7-form { width: 740px; padding-bottom: 20px; } .wpcf7-display-none { display: none; } fieldset { border: 0; padding: 0; margin: 0; } fieldset ul { margin: 0; padding: 0; } fieldset ul li { list-style-type: none; background-image: none !important; padding: 0 !important; vertical-align: text-top; } fieldset ul.left { float: left; } fieldset ul.right { float: left; } fieldset ul.clear { clear: both; padding-top: 10px !important; } fieldset ul.clear li label { display: inline-block; padding: 4px 10px 0 0; vertical-align: top; width: 200px; } fieldset ul li label em { font-weight: bold; font-style: normal; color: #FF0000; } .wpcf7-form input[type="text"], .wpcf7-form textarea { width: 250px !important; font-size: 1.0em; padding: 2px 0; } .wpcf7-form select { height: 22px; padding: 2px 0 0 0; } .wpcf7-form input[type="submit"] { width: 64px; } .wpcf7-form .wpcf7-checkbox .wpcf7-list-item { display: block; } .wpcf7-not-valid-tip { display: inline-block !important; text-align: left; vertical-align: top; color: #FF0000; font-size: 0.95em !important; padding: 4px 10px 4px 10px; } .wpcf7-response-output { padding: 10px 20px; background-color: #FDFAB3; color: #FF0000; } .mandatory { color: #FF0000; } /* 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; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } .alignleft { float: left; } .alignright { float: right; } /* 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; font-weight: bold; } 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; } table { padding: 0 0 10px 0; } hr { border: none 0; border-top: 1px solid #DDDDDD; height: 1px; } span.small { font-size: 0.9em; } .date { font-size: 0.5em; font-weight: normal; }