/* GLOBAL STYLES FOR EBY SITE */

a, a:link, a:active, a:visited { color:#C2043A; text-decoration:none; }

a:hover{ color:#C2043A; text-decoration:underline; }

a img{ border:none; }

p{ margin:0; padding:0; margin-bottom:7px; }

#sitePosition{ position:absolute; height:500px; width:759px; overflow:visible; }

/* SWITCH SITE WRAPPER based on page */
#siteWrapper { width:759px; margin:0 auto; height:535px; background-position:0 41px; background-repeat:no-repeat; 
background-image:url(../images/siteWrapper-main.gif)} 

body#greatdane #siteWrapper { background-image:url(../images/siteWrapper-greatdane.gif)} 
body#timpte #siteWrapper { background-image:url(../images/siteWrapper-timpte.gif)}

/* SWITCH BACKRND based on page */
body{ margin:0px;  padding:0; margin-bottom:15px; background:#fff url(../images/backrnd-main.jpg) repeat-x;}

body#greatdane { background:#fff url(../images/backrnd-greatdane.jpg) repeat-x; }
body#timpte { background:#fff url(../images/backrnd-timpte.jpg) repeat-x; }

/* HEADER .......................*/

#logo{ position:absolute; display:block; background-image:none; width:235px; height:122px; left:43px; top:77px; z-index:100; }

#header{ position:absolute; background:url(../images/header-home.jpg) no-repeat; width:721px; height:227px; left:19px; top:61px; z-index:90; }

#phoneNumber{ position:absolute; left:574px; top:7px; z-index:200; width:200px; height:20px; font:normal 12px arial; color:#fff; color:#E4E4E4}

/* SWITCH HEADER PHOTO based on page */
body#about #header { background-image:url(../images/header-aboutus.jpg); }
body#contactus #header { background-image:url(../images/header-contact.jpg);  }
body#show #header { background-image:url(../images/header-show.jpg); }
body#dealers #header { background-image:url(../images/header-dealers.jpg); }
body#show #header { background-image:url(../images/header-showlist.gif); }

body#livestock #header { background-image:url(../images/header-livestock.jpg); }
body#semi #header { background-image:url(../images/header-semi.jpg); }

body#timpte #header { background-image:url(../images/header-timpte.jpg); }
body#greatdane #header { background-image:url(../images/header-greatdane.jpg); }

/* SWITCH LOGO based on page*/
body#homepage #logo { background-image:none;}
body#show #logo { background:url(../images/headerlogo-home.jpg);}
body#contactus #logo{ background:url(../images/headerlogo-aboutus.jpg);}
body#dealers  #logo { background-image:url(../images/headerlogo-dealers.jpg);}
body#about #logo { background:url(../images/headerlogo-aboutus.jpg);}
body#show #logo { display:none }

body#semi #logo { background-image:url(../images/headerlogo-semi.jpg); }
body#bulk  #logo { background-image:url(../images/headerlogo-bulk.jpg); }

body#timpte  #logo { background:url(../images/headerlogo-timpte.gif) no-repeat; left:52px; top:41px; width:205px; height:44px;}
body#greatdane #logo { background:url(../images/headerlogo-greatdane.jpg) no-repeat; left:25px; top:0px; width:220px; height:79px;}
/*body#greatdane #logo2 { position:absolute; display:block; background:url(../images/headerlogo-superseal.jpg) no-repeat; width:135px; height:72px; left:35px; top:50px; z-index:100;}*/

/*TOP NAV*/

#topNavWrapper{ position:absolute; width:400px; height:23px; left:435px; top:24px; z-index:150; overflow:hidden; }

ul#topNav { width:744px; height:23px; margin:0; padding:0; }

ul#topNav li { display:block; float:left; list-style:none; margin:0; padding:0; height:23px; }

ul#topNav li a { display:block; text-indent:-3000px; text-decoration:none; height:23px; background-position:0 0px; }

ul#topNav li#navHome, ul#topNav li#navHome a {width:49px;  background-image:url(../images/navHome.gif);}
ul#topNav li#navDealers, ul#topNav li#navDealers a { width:54px;  background-image:url(../images/navDealers.gif); }
ul#topNav li#navShow, ul#topNav li#navShow a { width:65px;  background-image:url(../images/navShow.gif); }
ul#topNav li#navAbout, ul#topNav li#navAbout a { width:65px;  background-image:url(../images/navAbout.gif); }
ul#topNav li#navContact, ul#topNav li#navContact a { width:73px;  background-image:url(../images/navContact.gif); }
ul#topNav li a:hover { background-position:0 -23px; }

/*MAIN NAV*/

#navWrapper{ position:absolute; width:759px; left:14px; top:294px; z-index: 99;}

#navEquine a { position:absolute; left:0px; width:146px; height:26px; background-image:url(../images/navEquine.gif); display:block; text-indent:-3000px; text-decoration:none; background-position:0 -26px; float:left;}
#navTruck a { position:absolute; left: 146px; top:0; width:146px; height:26px; background-image:url(../images/navTruck.gif); display:block; text-indent:-3000px; text-decoration:none; background-position:0 -26px; float:left;}
#navLivestock a { position:absolute; left: 292px; width:146px; height:26px; background-image:url(../images/navLivestock.gif); display:block; text-indent:-3000px; text-decoration:none; background-position:0 -26px; float:left;}
#navSemi a { position:absolute; left: 438px; width:146px; height:26px; background-image:url(../images/navSemi.gif); display:block; text-indent:-3000px; text-decoration:none; background-position:0 -26px; float:left;}
#navBulk a { position:absolute; left: 584px; width:146px; height:26px; background-image:url(../images/navBulk.gif); display:block; text-indent:-3000px; text-decoration:none; background-position:0 -26px; height:26px; float:left;}

#navEquine a:hover, #navTruck a:hover, #navLivestock a:hover, #navSemi a:hover, #navBulk a:hover { background-position:0 0px; }

/*DOWN MENUS */

#menuLivestock, #menuSemi { position:absolute; z-index:100; width:146px; visibility:hidden; padding-bottom:2px; background-color: #920011; top:26px; }
#menuLivestock { left:293px; }
#menuSemi{ left:439px; }

#menuLivestock a, #menuSemi a { display:block; padding: 5px 10px; font: normal 10px/13px verdana; border-bottom:solid 1px #B96A73; text-decoration:none; color:#fff; }

#menuLivestock a:hover, #menuSemi a:hover{ background-color:#B96A73; color:#fff }

/* HIGHLIGHT ACTIVE LINK based on page  */

body#homepage ul#topNav li#navHome a { background:url(../images/navHome.gif); background-position:0 -23px;}
body#dealers ul#topNav li#navDealers a { background:url(../images/navDealers.gif); background-position:0 -23px;}
body#show ul#topNav li#navShow a { background:url(../images/navShow.gif); background-position:0 -23px;}
body#about ul#topNav li#navAbout a { background:url(../images/navAbout.gif); background-position:0 -23px;}
body#contactus ul#topNav li#navContact a { background:url(../images/navContact.gif); background-position:0 -23px;}

body#livestock ul#nav li#navLivestock a { background:url(../images/navLivestock.gif); background-position:0 0;}
body#semi ul#nav li#navSemi a { background:url(../images/navSemi.gif); background-position:0 0;}

/* CONTENT .......................*/

#contentWrapper{ position:absolute; width:759px; height:50px; left:14px; top:320px; z-index: 50; overflow:visible;}
#content{ margin-bottom:15px; background-color:#fff; width:730px; font:normal 11px/16px verdana; color:#333; height:225px; padding-top:5px;}

/* LARGE PHOTO POPUP */
#glidePopup{ position:absolute; left:55px; top:30px; z-index:500; width:655px; height:450px; visibility: hidden; }
/*if change left and top you must also change popup-position.js file to match*/
/* headers are determined on sub css sheets*/

/* dealer page stuff */
.stateHeadline { font:bold 12px/15px verdana; display:block; color:#C2043A; margin-top:10px; margin-bottom:5px; }
.dealerEmail a, .dealerEmail a:link,  .dealerEmail a:active, .dealerEmail a:visited { color:#1c4076; text-decoration:none; }
.dealerEmail a:hover{ color:#1c4076; text-decoration:underline; }

/*HEADLINES */
.pageHeadline{ font:bold 17px/20px 'trebuchet ms'; color:#1c4076; margin-bottom:10px; }

.subHeadline{ font:normal 15px/17px 'trebuchet ms'; color:#1c4076; margin-bottom:7px; display:block; }

.sectionHeadline{ font:bold 12px/15px verdana; display:block; color:#1c4076; margin-top:10px; margin-bottom:5px; }

/* FOOTER ..............................*/

#footerWrapper{ height:27px; border-top:solid 1px #b0b0b0; border-bottom:solid 1px #b0b0b0; width:730px; display:block; vertical-align:top; margin-top:1px; padding-top:5px; }

#footerAddress { font:normal 11px tahoma, arial; color:#666666; }

#footerWrapper a, #footerWrapper a:link, #footerWrapper a:active, #footerWrapper a:visited {color:#666666;}