/*

	Theme Name: Toronto Web Design Experts

	Theme URI: http://www.TorontoWebDesignExperts.ca/

	Description: The pre set theme for when we built websites for clients

	Author: Eligon Systems LTD

	Version: 1.0

	Tags: clean, professional, white, blue, toronto web design experts, toronto, web , design , experts

*/



@import url('stylesheets/reset.css');

@import url('stylesheets/default.css');

@import url('stylesheets/classes.css');



/* Beginning of Theme Rules */



body { position:relative; background-color:#c7c8c8; background-image:none; }



/**** Front Page Slider ****/

div#front-page-slider { z-index:0; position:absolute; left:0px; right:0px; width:100%; height:501px; }

div#front-page-slider div { background-position:center top; height:501px; width:100%; } 



div#wrapper { position:relative; z-index:2; width:980px; margin:0 auto; }



/**** Header ****/

div#header { background-image:url('images/header_bg.gif'); background-repeat:repeat-x; background-color:#babbbb; border:1px solid #a2a2a2; border-top-width:0px; position:relative; padding-top:16px; z-index:9; }



div#logo { z-index:99999; position:absolute; left:25px; top:0px; width:116px; height:117px; background-image:url('images/logo.png'); background-color:transparent; }

div#logo a { text-indent:-9999px; height:100%; display:block; background-color:transparent; }



div#header-top { margin-left:156px; width:824px; }



h3#slogan { margin-left:20px; width:400px; background-image:url('images/slogan.gif'); height:42px; text-indent:-9999px; float:left; }



div#find-us-on-facebook { margin-left:45px; float:left; height:42px; width:105px; background-image:url('images/icon-find-facebook.jpg'); background-position:left center; }

div#find-us-on-facebook a { height:100%; display:block; text-indent:-9999px; }



div#header-top ul#header-translate { float:right; margin-right:8px; }

div#header-top ul#header-translate li h2 { display:none; }



/*** Search Box ***/

div#search-box { float:right; width:200px; margin:8px 12px 8px 0px; float:right; margin-right:12px; }

div#search-box input { float:right; }

div#search-box input#search-text { float:right; width:165px; height:18px; border:1px solid #a9a9a9; border-right-width:0px; background-color:#FFF; line-height:18px; padding:0 5px; }

div#search-box input#search-submit { float:right; height:20px; width:23px; background-image:url('images/search_button.gif'); text-indent:-9999px; font-size:1px line-height:1px; }

/* End Search Box */



/**** Header Menu ****/

ul#header-menu { margin-top:5px; }

ul#header-menu li { float:left; }

ul#header-menu li.top-menu-right { padding-right: 0px; }

ul#header-menu li.float-divider { float:none; }



ul#header-menu li a.header-top { display:block; color:#4e4e4e; font-size:11px; padding:0 10px; line-height:31px; margin:0px 0px 0px 0px; text-transform:uppercase; background-image:url('images/header-menu-separator.gif'); background-position:left center; }

ul#header-menu li.first-item a.header-top { background-image:none; }

ul#header-menu li#contact-us a { padding:0 12px 0 12px; margin:0px; }

ul#header-menu li.top-menu-item a.selected-item, ul#header-menu li.top-menu-item a.header-top:hover { background-color:#ececec; background-image:none; }



/*** Drop Down ***/

ul#header-menu li div { display:none; position:absolute; left:0px; top:110px; padding-left:326px; width:650px; border:2px solid #ececec; background-color:#a0a9b2; height:252px; }

ul#header-menu li div#header-dropdown-suvs { background-image:url('images/header/suvs.jpg'); }

ul#header-menu li div#header-dropdown-sedan { background-image:url('images/header/sedans.jpg'); }

ul#header-menu li div#header-dropdown-cit { background-image:url('images/header/cit.jpg'); }

ul#header-menu li div#header-dropdown-transport { background-image:url('images/header/transport.jpg'); }

ul#header-menu li div#header-dropdown-special { background-image:url('images/header/special.jpg'); }



ul#header-menu li div h2 { margin-top:20px; font-family:"AgencyFB"; line-height:25px; color:#000; }

ul#header-menu li div h2 a { font-family:"Arial"; font-size:12px; color:#184578; line-height:25px; padding-left:15px; display:inline; }

ul#header-menu li div h2 a:hover {  }

ul#header-menu li div ul { margin:20px 0px 0px 18px; }

ul#header-menu li div ul li { float:left; }

ul#header-menu li div ul li.float-divider { float:none; }

ul#header-menu li div ul li a { background-position:left center; padding-left:17px; background-image:url('images/list-bullet-line.gif'); display:block; width:175px; line-height:15px; color:#727f8e; font-size:12px; height:15px; }

ul#header-menu li div ul li a:hover {  }

/* End Drop Down */



/** End Header Menu **/

/** End Header **/



div#main { background-color:#FFF; padding:60px 19px 20px 33px; position:relative; z-index:1; zoom:1; }

h1#page-title { line-height:45px; border-bottom:1px solid #c1c2c2; margin-bottom:30px; font-family:"AgencyFB"; }



/**** Front Page ****/

div#front-page { padding:0px 0px 18px 0px; }

div#front-page-content { width:495px; height:321px; }

div#front-page-content h1 { line-height:60px; font-family:"AgencyFB"; font-size:25px; color:#FFF; height:60px; overflow:hidden; }

div#front-page-content p { text-align:justify; height:140px; overflow:hidden; line-height:20px; font-size:12px; color:#FFF; margin:25px 0;}

div#front-page-content a { float:right; margin-right:45px; line-height:30px; background-color:#656b76; border-left:1px solid #3d424a; padding:0 20px; color:#FFF; }



/*** Front Page Boxes ***/

ul#links { }

ul#links li { padding:0px; margin:0px; }

ul#links li a { display:block; line-height:20px; padding:0px; margin:0px 0px 7px 0px; padding-left:20px; background-image:url('images/bullet.gif'); font-size:12px; background-position:left center; color:#393939; }

ul#links li a:hover { color:#837f7f; }



div#front-page-boxes { padding-top: 40px; }

div#front-page-boxes ul#links { width:173px; float:left; }



div#stay-connected a { display:block; text-indent:-9999px; }



div#front-page-boxes div#stay-connected { float:left; margin-right:10px; margin-top: 20px; }

div#front-page-boxes div#stay-connected a { text-indent:-9999px; display:block; width:180px; height:116px; background-image:url('images/currentstock.jpg'); }


div#become-dealer a { display:block; text-indent:-9999px; }



div#front-page-boxes div#become-dealer { float:left; margin-right:10px; margin-top: 20px; }

div#front-page-boxes div#become-dealer a { text-indent:-9999px; display:block; width:180px; height:116px; background-image:url('images/dealerregistration.jpg'); }



div#front-page-boxes div#vehicles-in-action { float:left; margin-right:10px; margin-top: 20px; }

div#front-page-boxes div#vehicles-in-action a { text-indent:-9999px; display:block; width:180px; height:116px; background-image:url('images/videobox.jpg'); }



div#front-page-boxes div#find-a-distributor { float:left; margin-right:10px; margin-top: 20px; }

div#front-page-boxes div#find-a-distributor a { text-indent:-9999px; display:block; width:180px; height:116px; background-image:url('images/spareparts.jpg'); }

div#front-page-boxes div#ballistic-protection { float:left; margin-top: 20px; }

div#front-page-boxes div#ballistic-protection a { text-indent:-9999px; display:block; width:180px; height:116px; background-image:url('images/ballisticprotection.jpg'); }





/* End Front Page Boxes */

/** End Front Page **/



/**** Car Category ****/

div#car-category h2 { line-height:40px; margin-bottom:15px; }

div#car-category ul#posts-list li { float:left; width:232px; height:250px; overflow:hidden; }

div#car-category ul#posts-list li.float-divider { float:none; width:auto; height:1px; }

div#car-category ul#posts-list li div.archive-image { }

div#car-category ul#posts-list li div.archive-image a { display:block; text-align:center; }

div#car-category ul#posts-list li div.archive-image a img { height:174px; width:222px; padding-bottom:2px; border-bottom:1px solid #FFF; }

div#car-category ul#posts-list li div.archive-image a:hover img { border-bottom-color:#000; }



div#car-category ul#posts-list li div.archive-title a { line-height:30px; text-align:center; color:#000; display:block; padding-top:10px; }

div#car-category ul#posts-list li div.archive-title a:hover { text-decoration:underline; }



div#car-category ul#posts-list li ul.archive-features { margin-left:25px; margin-top:15px; }

div#car-category ul#posts-list li ul.archive-features li { float:none; width:auto; height:auto; padding-left:20px; background-image:url('images/bullet.gif'); background-position:6px center; line-height:20px; margin-bottom:10px; }

div#car-category ul#posts-list li div.archive-image p { text-align:center; line-height:20px; margin:0px; padding:0px; }



div#car-category ul.posts-list li { float:left; width:232px; height:250px; overflow:hidden; }

div#car-category ul.posts-list li.float-divider { float:none; width:auto; height:1px; }

div#car-category ul.posts-list li div.archive-image {  }

div#car-category ul.posts-list li div.archive-image a { display:block; text-align:center; }

div#car-category ul.posts-list li div.archive-image a img { height:174px; width:222px; }

div#car-category ul.posts-list li ul.archive-features { margin-left:25px; margin-top:15px; }

div#car-category ul.posts-list li ul.archive-features li { float:none; width:auto; height:auto; padding-left:20px; background-image:url('images/bullet.gif'); background-position:6px center; line-height:20px; margin-bottom:10px; }

div#car-category ul.posts-list li div.archive-image p { text-align:center; line-height:20px; margin:0px; padding:0px; }

div#width-description {width: 100%; }

/** End Car Category **/



/**** Footer ****/

div#footer { padding:26px 13px 30px 0px; }



div#footer-boxes { padding-bottom:30px; border-bottom:1px solid #bfbfbf; margin-bottom:20px; padding-top: 20px; }

div#footer-boxes h2 { line-height:20px; margin-bottom:11px; font-size:12px; color:#575c60; font-weight:bold; }



div#footer-links { width:161px; float:left; height:200px; }

div#footer-links ul.footer-menu { margin-bottom:15px; }

div#footer-links ul.footer-menu li a { display:block; color:#575c60; font-size:12px; line-height:20px; font-weight:bold; }

div#footer-links ul.footer-menu li a:hover { color:#c4c4c4; }

div#footer-links ul.footer-menu li ul li a { font-weight:normal; }



div#news-and-updates { width:497px; margin:0 6px 0px 13px; float:left; }

div#news-and-updates ul li { border-bottom:1px solid #e0e0e0; padding-bottom:3px; font-size:11px; margin-top:11px; }

div#news-and-updates ul li div.news-date { line-height:18px; color:#9e9e9e; font-size:11px; }

div#news-and-updates ul li div.news-title a { display:block; font-size:11px; color:#575c60; font-weight:bold; line-height:20px; height:20px; overflow:hidden; }

div#news-and-updates a.read-all { margin-top:30px; display:block; text-align:right; color:#717171; text-decoration:underline; font-size:11px; }



div#inkas-logos { width:190px; float:left; margin-left:14px; }

div#inkas-logos ul li { }

div#inkas-logos ul li a { color:#000; line-height:60px; background-position:left center; display:block; padding-left:50px; height:60px; overflow:hidden; font-family:"AgencyFB"; font-size:16px; }

div#inkas-logos ul li#corporate a { background-image:url('images/logos/corporate_logo.gif'); }

div#inkas-logos ul li#merchant a { background-image:url('images/logos/pos_logo.gif'); }

div#inkas-logos ul li#safes a { background-image:url('images/logos/safemanufacturing_logo.gif'); }

div#inkas-logos ul li#security a { background-image:url('images/logos/securityservices_logo.gif'); }

div#inkas-logos ul li#inkastrans a { background-image:url('images/logos/inkastrans.gif'); }



div#footer p { color:#575c60; font-size:11px; text-align:justify; line-height:20px; position:relative; }

div#footer p#footer-paragraph { border-bottom:1px solid #bfbfbf; padding-bottom:20px; }

div#footer-copyright { margin-top:10px; position:relative; font-size:11px; color:#6c6c6c; }

div#footer-copyright div#design-by { position:absolute; right:0px; top:0px; line-height:20px; color:#6c6c6c; }

div#footer-copyright div#design-by a { text-decoration:underline; color:#6c6c6c; }

div#footer-copyright div#design-by span { text-decoration:underline; }

/** End Footer **/



/**** Archive ****/

div#inside-page-content ul#posts-list li { margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #e0e0e0; }

div#inside-page-content ul#posts-list li div.archive-date { line-height:15px; color:#9e9e9e; font-size:11px; }

div#inside-page-content ul#posts-list li div.archive-text a { float:left; line-height:20px; height:20px; overflow:hidden; }

div#inside-page-content ul#posts-list li div.archive-text a.archive-title { width:170px; color:#575c60; font-weight:bold; }

div#inside-page-content ul#posts-list li div.archive-text a.archive-excerpt { width:420px; color:#85898c; }

div#inside-page-content ul#posts-list li div.archive-text a.archive-link { width:72px; color:#2b5a81; text-align:center; text-decoration:underline; }

/** End Archive **/


