/* CSS Document */

p.intro {font-size:1.3em; color:#8f7975; font-weight:bold; padding:0 15px 0 0; line-height:18px; margin:0;}
ul.intro {margin:10px 0; padding-left:30px;}
ul.intro li {list-style-type: square; color:#8f7975; font-weight:bold;}

.subbox a.head {font-size:1.16em; font-weight:bold; color:#008B98; text-decoration:none; background: url(/arriva/images/arrow_services.gif) no-repeat right; padding:0 10px 0 0;}

#map_box {float:left; background: url(/arriva/images/about_map.jpg) no-repeat right top; width:174px; height:145px;}

#content_wrap{float:left; width:972px; background: url(/arriva/images/right_about_bg.gif) repeat-y bottom;}
#content_wrap_3 {float:left; width:972px; background: url(/arriva/images/right_bg_2_about.gif) repeat-y bottom;}

li.popupflash {background: url(/arriva/images/popup_arrow.gif) no-repeat 0 2px; list-style-type:none; padding:0 0 2px 20px; font-size:1.2em; color:#008b99; font-weight:bold; margin-bottom:5px;}
li.popupflash2 {background: url(/arriva/images/know_1.gif) no-repeat 0 2px; list-style-type:none; padding:0 0 2px 20px; font-size:1.2em; color:#008b99; font-weight:bold; margin-bottom:5px; position:relative;}

/* landing page boxes */
.subbox {float:right; width:182px; padding:15px 0 10px 0;}
.showcase {float:right; width:273px; padding:25px 0 10px 0;}
.subbox img, .showcase img {padding-top:15px;}
.subbox #one {background-color:#D4C2C2;}
.subbox #two, .showcase #two {background-color:#E1D6D4;}
.subbox #three, .showcase #three {background-color:#EADFDD;}
.subbox a.head, .showcase a.head {font-size:1.16em; font-weight:bold; color:#8f7975; text-decoration:none; background: url(/arriva/images/arrow_about.gif) no-repeat right; padding:0 10px 0 0;}
.subbox a:hover.head, .showcase a:hover.head {border:none;}

.box a {color:#8F7975; text-decoration:none;}

/* Headers */
h2 {font-size:1.2em; color:#8f7975; font-weight:bold; padding:9px 0 0 0; margin-bottom:5px;}
h3 {font-size:1em; color:#eae4e3; font-weight:bold; padding:9px 0 0 0; margin:0;}

/* Expert bank styles */
#faqs {margin:0; padding:0;}
#faqs dt {font-weight:normal;width:537px;padding:8px 0;margin:0;}
#faqs dt.greytd {background-color:#EDE9E8;}
#faqs dt.whitetd {background-color:transparent;}
#faqs dt .question {padding:6px 0 4px 10px;}
#faqs dt .question a {padding-left:15px;color:#8F7975;font-weight:bold;text-decoration:none;background:url('/arriva/images/expert.gif') center left no-repeat;}
#faqs dt .question a:hover {border-bottom:none;}

#faqs dd {margin:0;padding:0;display:none;background-color:#F8F6F7;width:537px;}
#faqs dd .answer {padding:5px 10px;}
#faqs dd  p.close {padding:5px 0 0 0;margin:0;clear:both;}
#faqs dd  p.close a {font-weight:bold;text-decoration:none;padding:0 0 0 15px;background:url('/arriva/images/x_expert.gif') center left no-repeat;}
#faqs dd  p.close a:hover {border:none;} 

textarea {overflow:hidden;}
img.expert_img {float:left; padding:0 10px 5px 0;}
.expert_text {float:left;}
.form_box {float:left; width:155px;}
.form_box p {color:#8F7975; font-weight:bold;}

tr.border td, tr.border th {border-bottom:1px solid #a9b3c5; padding:5px;}
tr.bordertop td, tr.bordertop th {border-top:1px solid #a9b3c5; padding:0 5px;}
table.timeline tr {vertical-align:top;margin:2px 0;}
table.timeline td {border-bottom:1px solid #a9b3c5; padding:5px;}