/*
    Site: Trophee Auto Sales
    Date: 04/27/2010
    Author: Larry Chartier
    Description: Core CSS File
    Additional CSS Files: popus.css

    WEB COLORS USED FOR THIS SITE
    ---------------------------------------------------------------------
    #000000        Color        Used for:
    #000000        Color        Used for:
    #000000        Color        Used for:
    #000000        Color        Used for:
    #000000        Color        Used for:
    #000000        Color        Used for:
    #000000        Color        Used for:     
    ---------------------------------------------------------------------
*/

/* Base style removal, global fixes and browser/platform fixes */

:link, :visited { text-decoration: none }
ul,ol { list-style: none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd,input { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }
a, a:link, a:visited, a:hover, a:active { outline: 0; }


/*    Custom styles begin */

body {font-family:arial,sans-serif;background:#e3e6cf;}
div.wrapper {width:960px;margin:0 auto;}
br.clear {clear:both;}


/* HEADER
------------------------------------------------ */

div.home {background:url(header-bg-home.png) repeat-x;height:351px;}
div.internal {background:url(header-bg-internal.png) repeat-x;height:164px;}
div#header {width:100%;}
div#header h2 {float:left;margin:0 34px 0 0;}
div#header h2 a {display:block;text-indent:-9999px;width:208px;height:141px;background:url(trophee-logo.png) no-repeat;}
div#header h3 {width:354px;height:30px;text-indent: -9999px;display: block;float:left;margin:28px 0 0 20px;}
div#header h3.about-title {background: url(h3-about.png) no-repeat;}
div#header h3.services-title {background:url(h3-services.png) no-repeat;}
div#header h3.sales-title {background:url(h3-sales.png) no-repeat;}
div#header h3.contact-title {background:url(h3-contact.png) no-repeat;}



div#header div#nav {float:left;}
div#header div#nav ul {list-style:none;padding:2px 0 0 0;}
div#header div#nav ul li {float:left;}
div#header div#nav ul li a {height:47px;display:block;text-indent:-9999px;}

div#header div#nav ul li a.home {background:url(nav.png) 0 -47px;width:84px;}
div#header div#nav ul li a.about {background:url(nav.png) -84px -47px;width:92px;}
div#header div#nav ul li a.services {background:url(nav.png) -176px -47px;width:115px;}
div#header div#nav ul li a.sales {background:url(nav.png) -291px -47px;width:88px;}
div#header div#nav ul li a.contact {background:url(nav.png) -379px -47px;width:115px;}

div#header div#nav ul li a.home:hover {background:url(nav.png) 0 0;width:84px;}
div#header div#nav ul li a.about:hover {background:url(nav.png) -84px 0;width:92px;}
div#header div#nav ul li a.services:hover {background:url(nav.png) -176px 0;width:115px;}
div#header div#nav ul li a.sales:hover {background:url(nav.png) -291px 0;width:88px;}
div#header div#nav ul li a.contact:hover {background:url(nav.png) -379px 0;width:115px;}

body.home div#header div#nav ul li a.home {background:url(nav.png) 0 0;width:84px;}
body.about div#header div#nav ul li a.about {background:url(nav.png) -84px 0;width:92px;}
body.services div#header div#nav ul li a.services {background:url(nav.png) -176px 0;width:115px;}
body.sales div#header div#nav ul li a.sales {background:url(nav.png) -291px 0;width:88px;}
body.contact div#header div#nav ul li a.contact {background:url(nav.png) -379px 0;width:115px;}

div#header h1 {width:515px;height:62px;float:left;text-indent:-9999px;display:block;background:url(h1-home.png) no-repeat;margin:41px 0 46px 0;}
div#header div#rotate {float:right;display:inline;width:389px;height:262px;margin:18px 0 0 0;background:url(home-photo-bg.png) no-repeat;padding:20px 0 0 22px;}
div#header div#rotate div#pic {width:367px;height:217px;}
div#header div.home-links {clear:left;}
div#header div.home-links a {display:block;text-indent:-9999px;width:201px;height:38px;float:left;margin:0 16px 0 0;}
div#header div.home-links a.availability {background:url(home-buttons.png) no-repeat;}
div#header div.home-links a.availability:hover {background:url(home-buttons.png) 0 -38px no-repeat;}
div#header div.home-links a.request {background:url(home-buttons.png) -217px 0 no-repeat;}
div#header div.home-links a.request:hover {background:url(home-buttons.png) -217px -38px no-repeat;}


/* MAIN BODY
------------------------------------------------ */


div#main {background:#f2f5df;min-height:100px;}
div.home-page {padding:37px 0;}
div.internal-page {padding:0 0 37px 0;}

div#main a {color:#0072bc;text-decoration:underline;}
div#main a:hover {color:black;}

div#main h1 {color:#635022;font-size:24px;line-height:30px;margin:0 0 12px 0;}
div#main h2 {color:#333;font-size:16px;line-height:20px;margin:0 0 10px 0;}
div#main h2 span {font-size:12px;color:#777;font-weight:normal;}
div#main h3.bg {text-indent:-9999px;display:block;height:11px;}
div#main h3.recent {background:url(h3-recently-added.png) no-repeat;width:125px;}
div#main h3.trophee {background:url(h3-trophee-auto.png) no-repeat;width:154px;}
div#main h4 {color:#b4350e;font-size:14px;line-height:18px;margin:0 0 4px 0;}
div#main hr {border:none;height:1px;background:#d7d7d7;color:#d7d7d7;margin:12px 0 20px 0;*margin:5px 0 20px 0;}



div#main div.leftside {float:left;width:515px;}
div#main div.leftside img.side {margin:0 0 12px 0;}
div#main div.leftside p.tiny {color:#333;font-size:11px;line-height:15px;}
div#main div.leftside table.recent {margin:0 0 30px 0;}
div#main div.leftside table.recent td {vertical-align:top;}
div#main div.leftside table.recent td p {font-size:12px;line-height:18px;color:#333;margin-bottom:6px;}
div#main div.leftside table.recent td.photo {width:140px;}
div#main div.leftside table.recent td a.learn-more {width:96px;height:23px;background:url(learn-more.png);display:block;text-indent:-9999px;}
div#main div.leftside table.recent td a.learn-more:hover {background:url(learn-more.png) 96px 0;}


div#main div.rightside {float:right;display:inline;width:408px;}
div#main div.rightside p {font-size:12px;line-height:18px;color:#333;margin-bottom:6px;}
div#main div.rightside p span {color:red;}
div#main div.rightside p.required {font-size:11px;}
div#main div.rightside ul {font-size:12px;line-height:17px;color:#333;margin:20px 0;}
div#main div.rightside ul.tick li {padding: 0 0 7px 24px;background:url(tick.png) no-repeat;}
div#main div.rightside form p {margin:0;font-size:11px;font-weight:bold;}
div#main div.rightside form input.info {margin:0 0 12px 0;width:200px;padding:2px;}
div#main div.rightside form textarea {margin:0 0 12px 0;padding:2px;font-family:arial;font-size:11px;width:400px;height:120px;}

div#main div.rightside table.contact {float:left;width:300px;margin:10px 20px 20px 0;}
div#main div.rightside table.contact td {vertical-align:top;font-size:12px;line-height:18px;color:#333;padding:0 0 5px 0;}
div#main div.rightside table.contact td.title {text-align:right;padding:0 20px 0 0;font-weight:bold;width:70px;}


div#main div.rightside div.sales {width:174px;margin:20px 0 0 0; float:left;}
div#main div.rightside div.sales h4 {font-size:12px;line-height:16px;padding:0 10px 0 0;}
div#main div.rightside div.sales a img {border:1px solid #bbb;}
div#main div.rightside div.sales a img:hover {border:1px solid #b4350e;}


div#main div.rightside table.sales {width:696px;margin:20px 0 0 0;}
div#main div.rightside table.sales {width:696px;margin:20px 0 0 0;}
div#main div.rightside table.sales td {width:174px}
div#main div.rightside table.sales td h4 {font-size:12px;line-height:16px;padding:0 10px 0 0;}
div#main div.rightside table.sales a img {border:1px solid #bbb;}
div#main div.rightside table.sales a img:hover {border:1px solid #b4350e;}

div#main div.thin {width:208px;}
div#main div.wide {width:698px;}

/* FOOTER
------------------------------------------------ */

div#footer {border-top:1px solid #ccd0b3;padding:20px 0;}
div#footer p {font-size:10px;color:#666;margin:0 0 6px 0;line-height:16px;}
div#footer a {color:#666;text-decoration:underline;}
div#footer a:hover {color:black;}

div#footer div.logos {float: right;display: inline;width: 400px;}
div#footer div.logos img {float: right;margin-right: 10px;}

/* ---------------------------- Dialog ---------------------------- */
div.NoTitleDialog {background:transparent;border:none;}
div.NoTitleDialog .ui-dialog-titlebar { display:none; }


@media print
{
	.non-printable { display: none; }
}