/* DIV : banner */

.site #bannerdiv { background: url('../images/backgrounds/background-dealers.jpg') no-repeat }

/* DIV : provinces */

.site #provincesdiv { position: absolute; z-index: 1; top: 132px; left: 30px; width: 150px }
.site #provincesdiv A { color: #ffffff; text-decoration: none }
.site #provincesdiv .sidediv { background: url('../images/backgrounds/background-sidebar.gif') repeat-y top left; width: 100%; height: 100% } 
.site #provincesdiv .boxdiv { padding-top: 15px; background: url('../images/backgrounds/background-boxheader.png') repeat-x; width: 100%; margin-left: 12px } 
.site #provincesdiv .boxdiv H1 { padding-left: 15px; margin-bottom: 10px; width: 80% } 
.site #provincesdiv .boxdiv .contentdiv { width: 100%; height: 100% }
.site #provincesdiv .boxdiv .contentdiv .morediv { margin-top: 15px; margin-left: 90px }
.site #provincesdiv .boxdiv .itemdiv { cursor: pointer; height: 21px; font-weight: bold; margin-top: 2px; background: url('../images/backgrounds/background-linesmall.png') }
.site #provincesdiv .boxdiv .itemdiv .textdiv { position: relative; left: 5px; top: 3px; color: #ffffff; text-decoration: none; margin: 0px }
.site #provincesdiv .boxdiv .itemdiv:hover { background: url('../images/backgrounds/background-linesmall-selected.png') }
.site #provincesdiv .boxdiv .visiteddiv { background: url('../images/backgrounds/background-linesmall-visited.png') }

/* DIV : results */

.site #dealersdiv { position: absolute; z-index: 1; top: 132px; left: 395px; width: 470px }
.site #resultsdiv .sidediv { background: url('../images/backgrounds/background-sidebar.gif') repeat-y top right; width: 100%; height: 100% } 
.site #resultsdiv .boxdiv { padding: 15px; background: url('../images/backgrounds/background-box.png') top left; width: 428px; height: 100% } 
.site #resultsdiv .boxdiv .subtitle { float: left; font-size: 18px; height: 20px; color: #0099cc; margin-right: 15px }
.site #resultsdiv .boxdiv H1 { float: left; text-transform: lowercase; margin-bottom: 10px }
.site #resultsdiv .boxdiv .itemdiv { border-bottom: 1px dotted #ffffff; padding-bottom: 6px; padding-top: 6px }
.site #resultsdiv .boxdiv .lastitemdiv { border-bottom: 0px; padding-bottom: 0px }
.site #resultsdiv .boxdiv .itemdiv .firstdiv { float: left; width: 33% }
.site #resultsdiv .boxdiv .itemdiv .namediv { font-weight: bold }
.site #resultsdiv .boxdiv .itemdiv .distancediv { color: #0099cc; margin-top: 10px }
.site #resultsdiv .boxdiv .itemdiv .addressdiv { float: left; width: 40% }
.site #resultsdiv .boxdiv .itemdiv .contactdiv { float: left; width: 25% }
.site #resultsdiv .boxdiv .itemdiv .linediv { width: 100%; margin-top: 2px; margin-bottom: 2px }
.site #resultsdiv .boxdiv .itemdiv .linediv A { text-decoration: underline }
.site #resultsdiv .boxdiv .itemdiv .addressdiv .icondiv, .site #resultsdiv .boxdiv .itemdiv .contactdiv .icondiv { float: left; width: 15% }
.site #resultsdiv .boxdiv .itemdiv .addressdiv .icondiv IMG, .site #resultsdiv .boxdiv .itemdiv .contactdiv .icondiv IMG { margin-top: 2px }
.site #resultsdiv .boxdiv .itemdiv .addressdiv .valuediv, .site #resultsdiv .boxdiv .itemdiv .contactdiv .lvaluediv { float: left; width: 85% }
.site #resultsdiv .boxdiv A { color: #ffffff; text-decoration: none }
.site #resultsdiv .boxdiv .website a { float: left; width: 175px; margin: 0px 0px 0px 136px; padding: 0px 0px 0px 25px; background: url('../images/icons/websiteIcon.png') no-repeat 0px 3px; text-decoration: none; }
.site #resultsdiv .boxdiv .website a:hover { float: left; width: 175px; margin: 0px 0px 0px 136px; padding: 0px 0px 0px 25px; background: url('../images/icons/websiteIcon.png') no-repeat 0px 3px; text-decoration: underline;}

/* DIV : browser */

.site #resultsdiv .browserdiv { margin-top: 3px; margin-right: 7px }
.site #resultsdiv .browserdiv { margin-top: 3px; width: 475px; z-index: 2 }
.site #resultsdiv .browserdiv .backdiv, .site #resultsdiv .browserdiv .nextdiv { cursor: pointer; margin-right: 5px; font-size: 11px; background: #0099cc; width: 46px; height: 15px; text-align: center }
.site #resultsdiv .browserdiv .nextdiv { float: right }
.site #resultsdiv .browserdiv .backdiv { float: left }
.site #resultsdiv .browserdiv A { color: #ffffff; text-decoration: none; font-weight: bold; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; text-transform: lowercase }

/* DIV : finddealer */

.site #finddealerdiv { position: absolute; z-index: 1; top: 530px; left: 30px; width: 162px }
.site #finddealerdiv .sidediv {float: left; background: url('../images/backgrounds/background-boxsidebar.gif') repeat-y top left; width: 100%; height: 100% } 
.site #finddealerdiv .boxdiv {float: left; width: 130px; padding: 10px; margin-left: 12px; background: url('../images/backgrounds/background-box.png'); height: 100% } 
.site #finddealerdiv .boxdiv H2 { font-size: 12px; margin-top: 2px } 
.site #finddealerdiv .boxdiv .headerdiv { float: left; width: 30px; margin-left: 0px }
.site #finddealerdiv .boxdiv .inputdiv { float: left; width: 80px; height: 100%; margin-right: 5px }
.site #finddealerdiv .boxdiv .inputdiv INPUT { float: left; width: 79px }
.site #finddealerdiv .boxdiv .buttondiv { float: left; width: 8px; margin-left: 3px;  }
.site #finddealerdiv .boxdiv .buttondiv IMG { border: 0px; margin-top: 2px }

/* DIV : dealerloaderdiv */

.site #dealerloaderdiv { position: absolute; z-index: 0; top: 122px; left: 395px; width: 470px; height: 300px }

/* DIV : dealersscrolldiv */

.site #dealersscrolldiv { height: 380px; overflow-y: auto; scrollbar-base-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-3dlight-color: #6d6c70; scrollbar-darkshadow-color: #6d6c70; scrollbar-face-color: #6d6c70; scrollbar-highlight-color: #6d6c70; scrollbar-shadow-color: #6d6c70; scrollbar-track-color: #535255 }
