/* Winton Global style sheet */
html, body {
height: 100%;
margin: 0px;

}
body {
font-size: 80%;
margin-bottom: 10px;
color: #333333;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background-color: #A71B26;
}
body * { /* Traditional box model on all elements */
box-sizing: border-box;
-moz-box-sizing: border-box;
}

/* LAYOUT */
td#header {
width: 750px;
height: 180px;
vertical-align: top;
background: url(/layout/winton_header.jpg) no-repeat;
}
#topnav {
}
td.bg {
background-color: #FFFFFF;
background-image: url(/layout/winton_content.png);
background-repeat: repeat-y;
width: 750px;
}

table.pagetpl {
font-size: 1em;
}
td.main-top {
background-image: url(/layout/winton_slogan.gif);
background-repeat: no-repeat;
background-position: -144px 0px;
height: 80px;
margin: 0px;
padding-top: 28px;
padding-right: 45px;
vertical-align: top;
}
td.main {
display: block;
overflow: hidden !important;
width: 606px;
margin: 0px;
padding: 0px 40px 40px 30px;
text-align: left;
vertical-align: top;
}

/* No Menu Layout */
td.main-nomenu {
display: block;
overflow: hidden !important;
width: 750px;
margin: 0px;
padding: 0px 40px 40px 30px;
text-align: left;
vertical-align: top;
}

/* Home Page Layout */
td.home-top {
background: url(/layout/winton_slogan2.gif) no-repeat 0px 0px;
width: 750px; 
height: 80px;
margin: 0px;
padding-top: 28px;
padding-right: 45px;
vertical-align: top;
}
td.home-bg {
background: url(/layout/winton_home.jpg) no-repeat center top;
width: 750px; 
height: 230px;
margin: 0px;
padding: 0px;
vertical-align: top;
z-index: 97;
}
div.homelink {
position: absolute;
width: 330px; 
margin-top: 12px;
margin-left: 84px;
font-weight:bold; 
font-size: 16px; 
text-align: left;
line-height: 1.1em;
}
div.homelink a, div.homes a, div.homelink a *, div.homes a *, div.homelink a:visited, div.homes a:visited {
text-decoration: none;
color: #c00;
display: block; 
padding: 10px 20px 20px; 
}
div.homelink a:hover, div.homes a:hover, div.homelink a:hover *, div.homes a:hover * {
color: #999;
}

td.home-main {
width: 371px;
margin: 0px;
padding-left: 104px;
padding-top: 1em;
padding-right: 40px;
padding-bottom: 40px;
text-align: left;
vertical-align: top;
}
td.home-main div.content {
width: 371px;
display: block;
overflow: hidden;
}
td.home-right div.content {
width: 215px;
display: block;
overflow: hidden;
margin: 0px;
padding: 0px;
}
td.home-right {
width: 215px;
margin: 0px;
padding: 0px 20px 40px 0px;
text-align: left;
vertical-align: top;
}
td.home-right span.news-date {
font-weight: bold;
display: block;
width: 195px;
height: auto;
float: none;
}

/* Dealers Layout */
td.main-dealers {
margin: 0px;
padding: 0px 40px 40px 30px;
text-align: left;
vertical-align: top;
background: url(/layout/winton_slogan.gif) no-repeat 0px -80px;
}

td.right {
background-color: #E8DEC4;
background-image: url(/layout/right_bg.gif);
background-repeat: no-repeat;
text-align: left;
vertical-align: top;
margin: 0px;
padding: 30px 40px 10px 0px;
}
div.right {
float: right;
margin: 0px -20px 0px 10px;
padding: 0px;
width: 235px;
height: auto;
background-image: url(/layout/dealers_bg.gif);
background-repeat: repeat-y;
background-position: left top;
}
html>body div.right { margin-right: -40px; }/* Don't show in IE, http://www.sitepoint.com/article/browser-specific-css-hacks */
div.right h3 {
margin: 0px;
padding: 0px 20px;
}
div.right #nav3 {
margin: 0px;
padding: 0px 20px;
font-size: 90%;
}

#nav3 li.nav-top {
list-style: none;
}
#nav3 li.nav-sub {
list-style: disc;
}


/* CONTENT */
div.content {
margin: 0px;
padding-bottom: 0px;
clear: left;
}
font {
background-color: transparent;
}
p, table, td, ul, ol, dl, li, div, span, blockquote, .null  {
font-size: 1em;
color: #333333;
}
.null {
text-decoration: none;
background-color: transparent;
background-image: none;
border: 0px none;
}

p, ul, ol, dl, blockquote {margin-top: 0em;}
td.main div, td.home-main div {margin-top: 0em; margin-bottom: 1.2em;}

h1, h2, h3 {
font-weight: bold;
margin-top: 1em;
margin-bottom: 0.5em;
}

h1 {
font-size: 1.4em; 
color: #a71b26;
}

h2 {
font-size: 1.2em;
color: #a71b26;
}
h3 {
font-size: 1em;
color: #333333;
font-weight:bold;
text-transform: uppercase;
}
h4, h5, h6 {
font-size: 1em;
color: #333333;
font-weight:bold;
margin-top: 1em;
margin-bottom: 0.25em; 
}
h5 {
font-style: italic;
}
a:link, a:link font {
color: #CC0000;
}
a:visited, a:visited font {
color: #990000;
}
a:hover, a:hover font {
color: #999999;
}
a:active, a:active font {
color: #CC0000;
}

strong {
font-weight: bold;
}
em {
font-style: italic;
}

.smalltext {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.border {
border: 1px solid #333333;
margin: 0px 5px;
}

table.table- {background-color: #DCCEAA;} /* Default Table Styles */
tr.table-odd {background-color: #ECE5D2;}
tr.table-even {background-color: #F4F1E8;}

table.table-heading- {background-color: #DCCEAA;} /* Autoformat Table Style with Heading Row
*/
td.table-heading-topleft, td.table-heading-topright, td.table-heading-topcenter {
background: #DCCEAA;
color: #333333;
font-weight: bold;
}
tr.table-heading-odd {background-color: #ECE5D2;}
tr.table-heading-even {background-color: #F4F1E8;}



/* TOP NAVIGATION */
#topnav {
margin: 0px;
padding: 0px;
}

#nav1, #nav1 ul {
margin: 0px;
padding: 0px;
list-style: none;
width: auto;
height: 50px;
}
#nav1 {
margin-left: 263px;
background: url(/layout/header_buttons.jpg) no-repeat;
}
#nav1 li { /* all list items */
float: left;
margin: 0px;
padding: 0px;
}
/* width needed in the #nav1 li selector or else Opera goes nuts */
#nav1 li.nav-top { /* set different widths on top and subs */
width: 140px;
margin: 22px 4px 3px 3px;
padding: 0px;
}
#nav1 ul li.nav-sub { /* set different widths on top and subs */
width: 138px;
border-bottom: 1px solid #000;
}
#nav1 li ul { /* second-level lists */
position: absolute;
left: -999em;
width: 140px;
height: auto;
margin: 0em;
background: #8a8a8a;
border: 1px solid #000000;
border-bottom: 0px;
}
#nav1 ul li.nav-sub:hover, #nav1 ul li.sfhover { /* position 3rd-level list relative to top of 2nd level li when hovered, but w/o all li set to pos: rel */
position: relative;
}
#nav1 li ul ul { /* third-and-above-level lists */
position: absolute;
left: -999em;
margin-left: 130px;
top: 2px;
}

#nav1 li a { /* all links */
display: block;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 95%;
font-weight: normal;
text-decoration: none;
width: 138px;
height: 22px;
margin: 1px;
padding: 0px;
text-align: center;
border-left: 1px solid #AAA;
}

#nav1 li a:link, #nav1 li a:visited {
color: #FFF;
}

#nav1 li ul a, #nav1 li ul a:link, #nav1 li ul a:visited { /* second-level links */
height: auto;
margin: 0px;
border-left: 1px solid #AAAAAA;
border-bottom: 2px solid #AAAAAA;
}

#nav1 li a:hover, #nav1 li a:active, 
#nav1 li ul a:hover, #nav1 li ul a:active {
background: #C44444;
border-left: 1px solid #B87272;
border-bottom: 2px solid #B87272;
}
#nav1 li a:active {
color: #333333;
}


.nav-arrow {margin: 2px 2px 0px;}

#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li:hover ul ul ul ul, #nav1 li:hover ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul ul ul ul,
#nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul, #nav1 li.sfhover ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul ul ul ul { /* hide third-and-above-level lists */
left: -999em;
}

#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li li li li:hover ul, #nav1 li li li li li:hover ul, #nav1 li li li li li li:hover ul, #nav1 li li li li li li li:hover ul, #nav1 li li li li li li li li:hover ul, #nav1 li li li li li li li li li:hover ul, #nav1 li li li li li li li li li li:hover ul,
#nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul, #nav1 li li li li.sfhover ul, #nav1 li li li li li.sfhover ul, #nav1 li li li li li li.sfhover ul, #nav1 li li li li li li li.sfhover ul, #nav1 li li li li li li li li.sfhover ul, #nav1 li li li li li li li li li.sfhover ul,  #nav1 li li li li li li li li li li.sfhover ul { /* show lists nested under hovered list items */
left: auto;
}

.clear { /* content underneath the menu needs to be cleared */
clear: both;
}

/* SUBMENU NAVIGATION (LEFT MENU) */
td.left {
background-image: url(/layout/winton_slogan2.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
padding: 10px 0px 0px 4px;
vertical-align: top;
}
td.left-nav {
background-image: url(/layout/winton_slogan2.gif);
background-repeat: no-repeat;
background-position: 0px -80px;
margin: 0px;
padding: 0px 0px 0px 4px;
vertical-align: top;
}
#subnav {
width: 140px;
margin: 150px 0px 10px;
padding: 5px 0px 10px 5px;
text-align: left;
}
#subnav ul, #subnav li {
list-style: none;
margin: 0px;
padding: 5px 0px;
font-weight: bold;
line-height: 1em;

}
#subnav li li {
padding-left: 0em;
font-weight: normal;
}
#subnav li a, #subnav li span {
font-size: 0.9em;
text-decoration: none;
text-align: left;
}
#subnav li.subnav-top, #subnav li.subnav-top a {
color: #333;
}
#subnav li.subnav-sub, #subnav li.subnav-sub a {
color: #A37336;
}
#subnav li a:hover, #subnav li a:active {
color: #CC0000;
}
#subnav li li li {
padding-left: 1em;
}

/* END NAVIGATION */



ul.button {
width: 140px;
margin: 2px 5px 10px;
float: right;
border-bottom: 1px solid #333333;
}
ul.button, ul.button li {
padding: 0px;
list-style-type: none;
}
li.button {
border-top: 1px solid #333333;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
line-height: 1.4em;
vertical-align: middle;
}

li.button a {
display: block;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 0.9em;
font-weight: normal;
text-decoration: none;
background-color: #8A8A8A;
margin: 0px;
padding: 1px 3px 1px 2px;
border-left: 1px solid #AAAAAA;
border-bottom: 2px solid #AAAAAA;
text-align: center;
}
* html li.button a {  /* Star HTML hack to show in IE only (see http://css-discuss.incutio.com/?page=StarHtmlHack) */
width: 100%;
}
li.button a:link, li.button a:visited {
color: #FFFFFF;
}
li.button a:hover, li.button a:active {
background: #C44444;
border-left: 1px solid #B87272;
border-bottom: 2px solid #B87272;
}
li.button a:active {
color: #333333;
}
img.slogan {
clear: both;
margin-left: 10px;
margin-right: -42px;
}
html>body img.slogan { /* Don't show in IE, http://www.sitepoint.com/article/browser-specific-css-hacks */
margin-right: -39px;
}

/* FOOTER */
.footer {
background-image: url(../layout/winton_footer.jpg);
height: 40px;
background-repeat: no-repeat;
padding-bottom: 1em;
}
.footer-text {
font-size: 0.85em;
line-height: 1.5em;
text-align: center;
}
#nav-text2 {
font-size: 0.85em;
line-height: 1em;
text-align: center;
color: #FFFFFF;
}
#nav-text2 a:link, #nav-text2 a:visited {
color: #FFFFFF;
}
#nav-text2 a:hover, #nav-text2 a:active  {
color: #999999;
}


/**************** MODULES ****************************/
/* CONTACT LIST */
table.contactlist-table {
width: 320px;
}
table.contactlist-table td.contactlist-tdphoto {
text-align: left;
vertical-align: top;
border-bottom: 1px solid #999999;
margin: 0em;
padding: 0.5em 0em 0.5em 0em;
}

table.contactlist-table td.contactlist-tdtext {
text-align: left;
vertical-align: top;
border-bottom: 1px solid #999999;
width: 100%;
margin: 0em;
padding: 0.5em 0em 0.5em 1em;
}

.contactlist-group {
font-size: 1.2em;
}
.contactlist-fname, .contactlist-lname, .contactlist-company {
font-weight: bold;
}

.contactlist-city {
font-weight: bold;
color: #a71b26;
}
.contactlist-prov {
font-weight: bold;
color: #a71b26;
}
.contactlist-field {
font-weight: bold;
}
.contactlist-form {
}
.contactlist-input {
width: 100%;

}
.contactlist-formheader {
font-size: 1.0em;
margin: 2em 0em 0em;
}
a.contactlist-viewdetail {
font-size: 0.8em;
}





/* FORMs */
.form-tdtext {width: 30%;}
.form-submitbtn {
}

.form-resetbtn {
}
.form-required {
color: #990000;
font-size: 0.9em;
}
/* NEWS STYLES */
h3.news-title {
border-bottom: solid 1px #999999;
}
p.news-headline {
}
span.news-date {
font-weight: bold;
width: 8em;
height: 2em;
float: left;
}


/*PHOTO GALLERY*/
table.photos-album-table {
width: 90%;
}
table.photos-album-table td.photos-album {
margin: 0px;
padding: 20px 20px 30px;
background: #ECE5D2;
border: 1px solid #DCCEAA;
vertical-align: top;
}
h2.photos-album-header {
display: block;
width: 60%;
float: right;
text-align: left;
}
.photos-album-photobox {
display: block;
width: 160px;
margin: 0px;
float: left;
text-align: center;
}
img.photos-album-thumbnail {
border: 2px solid #A52A2A;
}
a:hover img.photos-album-thumbnail {
border: 2px solid #A52A2A;
}
.photos-album-textbox {
display: block;
width: 60%;
margin: 0px;
float: right;
text-align: left;
vertical-align: top;
}
.photos-album-link {
line-height: 2em;
}
.photos-album-lastupdated {
font-size: 0.8em;
margin-top: 2px;
}

/* Pop-up Window */
#photos-view-body {
background: #FFF;
}
.photos-view-photo {
border: 2px solid #A52A2A;
}
.photos-view-button {
margin: 5px;
}
.photos-fulllink {
font-size: 0.7em;
}
h2.photos-phototitle {
text-align: center;
}


/* Thumbnail View */
div.thumbnail {
}
div.thumbnail-top {
margin-bottom: 1em;
}
h2.thumbnail-album-title {
margin-top: 0px;
}
table.thumbnail-table {
vertical-align: top;
margin: 0px;
padding: 20px 20px 30px;
background: #ECE5D2;
border: 1px solid #DCCEAA;
}
table.thumbnail-table td.thumbnail-pic {
margin: 10px;
padding: 10px 10px 20px;
vertical-align: top;
text-align: center;
}

td.thumbnail-pic img {
border: 2px solid #A52A2A;
margin-bottom: 0.5em;
}
td.thumbnail-pic a:hover img {
border: 2px solid #999;
}
p.photos-phototitle {
}

/* FAQ */
h2.faq-category {}
a.faq-anchor {
}
hr.faq-divider {}
td.faq-dropcap {
font-size: 1em;
font-weight: bold;
color: #A71B26;
margin: 0px;
padding-right: 0.5em;

}
td.faq-text {
margin: 0px;
padding-bottom: 1em;
}


/* Sorted Table */
h2.sortedlist-title {
}
table.sortedlist-table {
border-right: 1px solid #DCCEAA;
border-bottom: 1px solid #DCCEAA;
}
table.sortedlist-table td {
border-top: 1px solid #DCCEAA;
border-left: 1px solid #DCCEAA;
margin: 0px;
padding: 2px;
text-align: left;
vertical-align: top;
}
td.sortedlist-heading {
background: #DCCEAA;
color: #333333;
font-weight: bold;
font-size: 0.9em;
}
td.sortedlist-heading, td.sortedlist-heading a:link, td.sortedlist-heading a:visited {
color: #333333;
font-weight: bold;
text-decoration: none;
}
td.sortedlist-heading a:hover {color: #999999; }
.sortedlist-data1 {background: #ECE5D2;}
.sortedlist-data2 {background: #F4F1E8;}

/* EVENTS CALENDAR */

table.events-table {
margin-top: 1em;
border-right: solid 1px #DCCEAA;
border-bottom: solid 1px #DCCEAA;
background: #FFFFFF;
}
table.events-table td, table.events-table th {
border-top: solid 1px #DCCEAA;
border-left: solid 1px #DCCEAA;
margin: 0px;
padding: 2px 4px 4px 4px;
vertical-align: top;
}
table.events-table td a {
text-decoration: none;
}
td.events-months {
background-color: #F4F1E8;
font-size: 0.9em;
text-align: center;
}
.events-current-month {
}
td.events-arrow-month, td.events-arrow-year {
background-color: #F4F1E8;
font-size: 0.9em;
text-align: center;
vertical-align: middle;
}

td.events-header { /* month and year */
background-color: #F4F1E8;
}
td.events-header h2 { /* month and year */
color: #333333;
text-align: center;
margin: 0px;
padding-bottom: 4px;
}
th.events-subheader { /* days of the week */
background-color: #ECE5D2;
}
th.events-subheader p { /* days of the week */
font-size: 0.9em;
font-weight: bold;
text-align: center;
margin: 0px;
}
td.events-empty-day {
height: 60px;
width: 60px;
}
td.events-day {
height: 60px;
width: 60px;
font-size: 0.9em;
/*text-align: right;*/
}
td.events-current-day {
background-color: #ECE5D2;
height: 60px;
width: 60px;
font-size: 0.9em;
font-weight: bold;
/*text-align: right;*/
}
td.events-event-day {
font-size: 0.9em;
background-color: #F4F1E8;
/*text-align: right;*/
}
div.events-title {
font-size: 0.9em;
font-weight: normal;
text-align: left;
}
span.events-date {font-weight: bold;}
span.events-location {font-weight: bold;}
 /* detail view */
td.events-title {background: #ECE5D2;}
td.events-title h3 {margin: 0px;}
td.events-date {background: #F4F1E8;}
td.events-location {background: #ECE5D2;}

/* EVENTS SMALL CALENDAR */
 
.events-small-table {
width: 200px;
border-right: solid 1px #DCCEAA;
border-bottom: solid 1px #DCCEAA;
margin-top: 1em;
background: #FFFFFF;
}
.events-small-table td, .events-small-table th {
border-top: solid 1px #DCCEAA;
border-left: solid 1px #DCCEAA;
margin: 0px;
padding: 2px;
text-align: center;
vertical-align: middle;
}
table.events-small-table td a {
text-decoration: none;
}
td.events-small-arrow-month {
background-color: #F4F1E8;
}
td.events-small-arrow-month a:link {
}
td.events-small-header { /* month and year */
background-color: #F4F1E8;
color: #333333;
}
td.events-small-header p { /* month and year */
font-weight: bold;
margin: 0px;
padding: 0px;
}
th.events-small-subheader { /* weekday headings */
background-color: #ECE5D2;
font-size: 0.8em;
font-weight: bold;
}
td.events-small-current-day {
background-color: #ECE5D2;
font-weight: bold;
}
td.events-small-event-day {
background-color: #F4F1E8;
}

/* EVENTS LIST */
h1.events-categories {
padding-bottom: 4px;
border-bottom: solid 1px #999999;
}

/* EVENTS SMALL LIST */


/* MESSAGE BOARD */
div.msgboard {
text-align: left;
}
h2.msgboard-heading {
}
table.msgboard-sum, table.msgboard-dtl {
width: 465px;
border: solid 1px #DCCEAA;
margin-bottom: 1em;
}
.msgboard-sum thead, .msgboard-dtl thead {
text-align: left;
background: #DCCEAA;
font-size: 1em;
font-weight: bold;
}
.msgboard-sum th, .msgboard-sum td,
.msgboard-dtl th, .msgboard-dtl td {
padding: 2px 4px;
text-align: left;
}
.msgboard-noresults {
font-style: italic;
}
.msgboard-sum tbody, .msgboard-dtl tbody {
}
.msgboard-row1 {
background: #F4F1E8;
border-bottom: solid 1px #DCCEAA;
}
.msgboard-row2 {
background: #fff;
border-bottom: solid 1px #DCCEAA;
}
td.msgboard-date {
font-size: 0.8em;
}
.msgboard-dtl .msgboard-title {font-weight: bold;}
td.msgboard-content {
border-top: solid 1px #DCCEAA;
border-bottom: solid 1px #DCCEAA;
padding-bottom: 30px;
}
.msgboard-error {
color: #CC0000;
font-weight: bold;
}
table.msgboard-post tr {text-align: left; vertical-align: top;}
.msgboard-post input {width: 200px;}
.msgboard-post textarea {width: 320px; height: 12em; margin-bottom: 10px;}
.msgboard-field {width: 120px; padding: 5px;}
input.msgboard-submitbtn {width: 120px; margin-top: 1em; font-size: 0.9em;}

div.msgboard-return div {clear: none !important;}


/* DEALER LEADS TRACKING */
div.dealerleads td, div.dealerleads-dtl td  {
padding: 2px;
}
table.dealerleads-data {
border: solid 1px #DCCEAA;
margin-bottom: 1em;
border-collapse: collapse;
}
table.dealerleads-data td {
border: solid 1px #DCCEAA;
font-size: 85%;
}
th.dealerleads-heading {
font-weight: bold;
font-size:  85%;
text-align: left;
vertical-align: top;
line-height: 1.2em;
width: auto;
padding: 2px;
background: #E8DEC4;
border: solid 1px #DCCEAA;
}
.dealerleads-data1, td.dealerleads-data {
padding: 2px 4px;
text-align: left;
background: #F4F1E8;
}
.dealerleads-data2 {
padding: 2px 4px;
text-align: left;
background: #fff;
}
.dealerleads-newdata {
padding-top: 1em;
}

div.dealerleads div, div.dealerleads-dtl div {clear: none !important;}

.dealerleads-submitbtn, .dealerleads-resetbtn {
font-size: 0.9em;
margin-top: 1em;
}
.dealerleads-failure {
color: #CC0000;
font-weight: normal;
}