/* Body & Layout */
body 	{ font-family: verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; height: 100%; font-size: 10px; }
input, textarea 	{ font-size: 8pt; }
h4 		{ font-weight: bold; }
.right 	{ float: right; }
.left 	{ float: left; }
.center { text-align:center; }
.box_bar_thin 	{ height: 15px; display: block; margin-bottom: 1px; }
.box_bar_thick 	{ display: block; margin-top: 1px; color: #ffffff; padding: 8px 12px 8px 12px; font-weight: bold;}
.black 			{ background-color: #000000; }
.grey_green 	{ background-color: #b4baac; }
.grey_content 	{ background-color: #dbdbdb; }
.dark_grey		{ background-color: #5e5e5e; }

/*** Page Container ***/
#container 	{ width: 786px; margin: 0px auto 0px auto;}
.bar_left 	{ width: 480px; float: left; margin-right: 1px; }
.bar_center { width: 140px; float: left; margin-right: 1px; }
.bar_right	{ width: 164px; float: left;}

/*** Top Navigation ***/
#openroad_audi 	{ float: left; margin: 14px 30px 15px 0px; padding-left: 10px;}
#promo_banner 	{ float: left; }
#audi 			{ float: right; margin: 10px 0px 0px 10px; padding-right: 25px;}

/*** Content ***/
#content 		{ height: auto; margin: 0px;}
#content_left 	{ height: 100%; width: 480px; float: left; margin-right: 1px; }
#content_center { height: 100%; width: 140px; float: left; margin-right: 1px; }
#content_right 	{ height: 100%; width: 164px; float: right; color: #333333; }
.box_content	{ padding: 8px 12px 8px 12px; background-color: #dbdbdb; line-height: 120%; }
.box_content p	{ margin-bottom: 3px; }
.box_content p#comment { color: #666666; }

/*** Center Content ***/
#sub_menu_content	{ height: 192px;}
#sub_menu_item 		{ padding: 5px; }
#sub_menu_item li 	{ margin: 0px 0px 10px 0px; }
#sub_menu_item li a { color: #666666; text-decoration: none; font-weight: bold; }
#sub_menu_item li a:hover { text-decoration: underline; }
#contact_us	p		{ margin-bottom: 10px; font-size: 90%; }
#operation			{ height: 202px; background-color: #dbdbdb;}
table.hours		 	{ width: 100%; font-size: 90%;}

/*** Left content ***/
.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;}
.difference_img 	{ float: left; margin: 10px 3px 10px 3px; }
.difference_img a:hover img { opacity:0.7;filter:alpha(opacity=70); }
#feedback_table 	{ width: 60%; }
#feedback_table th 	{ text-align: left; }
#feedback_table td input { border: 0px; }
#feedback_table td textarea { border: 0px; width: 96%; }
#feedback_table #submit_btn { margin-top: 10px; background: url(../_image/button-send.gif) no-repeat; width: 42px; height: 16px;}

/*** Right content ***/
#menu 			{ height: 187px; background: url(../_image/right_border.gif) repeat-y top left; padding: 5px 0px 0px 0px; background-color: #b2b2b2; }
.menu_button	{ margin: 0px 0px 10px 0px; }
.menu_button a 	{ background: url(../_image/link_inactive.gif) no-repeat bottom left; color: #333333; text-decoration: none; font-size: 90%; font-weight: bold; padding-left: 20px; }
.menu_button a:hover { background: url(../_image/link_active.gif) no-repeat bottom left; color: #ffffff; }
.menu_button a.currentpage 	{ background: url(../_image/link_active.gif) no-repeat bottom left; color: #ffffff; text-decoration: none; font-size: 90%; font-weight: bold; padding-left: 20px; }
.menu_button a.currentpage:hover { background: url(../_image/link_active.gif) no-repeat bottom left; color: #ffffff; }
.information 	{ margin: 15px 20px 15px 20px; }
.information p 	{ margin-bottom: 15px; }
#right_info		{ background: url(../_image/right_border.gif) repeat-y top left; height: 450px; min-height: 450px; margin-top: 1px; background-color: #b2b2b2; }
#right_special	{ margin-left: 12px; }
.promo			{ margin-bottom: 5px; }
.best50			{ text-align: center; margin-top: 15px; }
.audiautobody  { text-align: center; margin-top: 15px; }

/*** OLD FOOTER BEFORE SOCIAL ICONS ***/
/*
#footer {text-align: center; background-color: #000000; color: #ffffff;}
#footer #address { font-size: 90%; }
#footer #social_icon { height: 37px;}
#footer #social_icon a:hover img { opacity:0.8;filter:alpha(opacity=80); }
#footer #social_icon span { margin: 0px 0px 0px 0px; display: block; font-weight: bold;}
#address h5 { text-transform: uppercase; font-weight: bold; margin: 0px 0px 3px 0px; padding-top: 5px }
#footer ul { margin: 10px 0px 5px 73px;}
#footer ul a { color: #ffffff; text-decoration: none; text-transform: uppercase; margin: 0px 6px 0px 6px; line-height: 120%;}
#footer ul a:hover { text-decoration: underline; }
#footer li { color: #ffffff; display: block; float: left; font-size: 90%; font-weight: bold;}
#footer #copyright { padding: 5px 0px 5px 0px; font-size: 90%; color: #999999; }
*/

/*** FOOTER WITH SOCIAL ICONS ***/

#footer {text-align: center; background-color: #000000; color: #ffffff;}
#footer #new_address_and_social_icon { width: 780px !important; height: 37px; text-align: left !important; border: 0; padding: 0; margin: 0; }
#new_address_and_social_icon #address { font-size: 90%; position: relative; left: 268px; top: -4px; width: 250px; height: 37px; vertical-align: text-top; text-align: center !important; border: 0; padding: 0; margin: 0; line-height: normal; }
#new_address_and_social_icon #social_icon { vertical-align: text-top; text-align: right !important; width: 140px; height: 37px; position: relative; left: 643px; top: -47px; border: 0; padding: 0; margin: 0; }
#new_address_and_social_icon #social_icon a:hover img { opacity:0.8;filter:alpha(opacity=80); }
#new_address_and_social_icon #social_icon span { display: block; font-weight: bold; vertical-align: text-top; position: relative; left: -75px; top: 23px; border: 0; padding: 0; margin: 0; }
#address h5 { text-transform: uppercase; font-weight: bold; margin: 0px 0px 3px 0px; padding-top: 5px; position: relative; top: 3px;}
#footer ul { margin: 1px 0px 0px 73px; border: 0; padding: 0; }
#footer ul a { color: #ffffff; text-decoration: none; text-transform: uppercase; margin: 0px 6px 0px 6px; line-height: 120%;}
#footer ul a:hover { text-decoration: underline; }
#footer li { color: #ffffff; display: block; float: left; font-size: 90%; font-weight: bold;}
#footer #copyright { padding: 5px 0px 5px 0px; font-size: 90%; color: #999999; }