/* Body & Layout */

body { font-family: arial, verdana; background: #333333; height: 100%; font-size: 12px; }
h4 { font-weight: bold; margin: 0px 0px 5px 0px; }
.right { float: right; }
.left { float: left; }
.center { text-align:center; }

/*** Page Container ***/
#container { width: 791px; margin: 0px auto 0px auto; background: #ffffff;}

/*** Top Navigation ***/
#top { margin: 0px 0px 10px 0px; padding-top: 10px; }
/*
#menu { float: right; margin-top: 39px;}
 CHANGED BELOW TO LINE UP WITH THE LOGO BASELINE:
*/
#menu { float: right; margin: 43px 10px 0px 0px;}
#logo { margin: 0px 0px 0px 10px; }
.menu_button { float: left; }
.menu_button a { float: left; padding: 0px 0px 0px 9px; margin-left: 3px; background: url(../_image/menu_dot_off.jpg) no-repeat center left;}
.menu_button a:hover { background: url(../_image/menu_dot_on.jpg) no-repeat center left; }

/*** Banner ***/
#banner_bottom { background: url(../_image/lexus_banner_bottom.jpg) no-repeat top left; height: 167px; width: 791px;}
#promo_banner1 { float: left; position: relative; top: 0; left: 400px; }
#promo_banner2 { float: left; position: relative; top: 0; left: 415px; }


/*** Content ***/
#content { height: auto; margin: 15px 5px 0px 5px; }
#content_left { height: 830px; width: 530px; float: left; padding: 0 5px 0 15px; min-height: 830px;}
#content_right { height: 830px; width: 211px; float: right; padding: 0 15px 0 5px; min-height: 830px;}

/*** Left content ***/
#slogan { text-align: center; }
.content_detail { border-bottom: 1px dotted #666666; margin: 20px; }
.detail_image { float: left; width: 24%; }
.detail_description { float: right; width: 75%; }
.detail_link { margin-left: auto; width: 27px; height: 25px;}
#the_difference { margin-left: 17px; }
.difference_img { float: left; margin-right: 15px; }
.difference_img a:hover img{ filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; }

/*** Right content ***/
/* Old solid gray deviding line:
#right_side { border-left: 1px solid #999999; height: 100%;}
*/
/* New dotted black deviding line: */
#right_side { border-left: 1px dotted #000000; height: 100%;}
.subtitle { margin: 0px 10px 10px 10px; padding-left: 20px; font-weight: bold; background: url(../_image/subtitle_btn.gif) no-repeat left; line-height: 15px; }
.information { margin: 15px 20px 15px 20px; }
.information p { margin-bottom: 15px; }
table.hours { width: 100%; }
.information .feedback { font-size: 90%; color: #999999; }

/*** Lexus Link and Cars ***/
#lexus_footer .left img { margin: 0px 0px 10px 10px; }
#lexus_footer .left a { display: block; width: 152px; height: 45px; position: relative; left: -5px; background: url(../_image/link.jpg) no-repeat; text-decoration: none;}
#lexus_footer .left a:hover { background: url(../_image/link_hover.jpg) no-repeat; }

/*** Footer ***/
#footer {text-align: center; }
#footer #address { font-size: 90%;}
#address h5 { text-transform: uppercase; font-weight: bold; margin: 15px 0px 3px 0px;}
/* Changed to recenter it with the removal of the bottom LINKS menu link
#footer ul { margin: 10px 0px 5px 65px;}
*/
#footer ul { margin: 10px 0px 5px 93px;}
#footer ul a { color: #848484; text-decoration: none; text-transform: uppercase; margin: 0px 6px 0px 6px; line-height: 120%;}
#footer ul a:hover { color: #333333; text-decoration: underline; }
#footer li { color: #333333; display: block; float: left; font-size: 90%; font-weight: bold;}
#footer #copyright { font-size: 80%; color: #999999; }