/* Common and global */
body {font:75% arial, helvetica, sans-serif; padding:0; background-color: #fff; color: #000;}
/* margin:0; 
/*  This font sizing is for standards based browsers that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers.
*/
html>body {font-size: 12px;}
td, textarea {font: 0.8em arial, helvetica, sans-serif;}
html>body td, html>body textarea {font-size: 12px;}
/* some browsers don't inherit the font into tables or textareas! */

h1, h2, h3, h4 {margin: 0; clear: both;}
h1 {font-size:1.5em; padding: 1em 0 0 0; font-weight:bold;}
h2 {font-size:1.3em; padding: 0.5em 0 0 0; font-weight:bold;}
h3 {font-size:1.1em; padding: 0.5em 0 0 0;	font-weight:bold;}
h4 {font-size:1em; padding: 0.5em 0 0 0; font-weight:bold;}
.cca {font-size:1.5em;}
.joint {font-size:1.2em; padding: 0.5em 0 0 0;}
.highlight {font-weight:bold; color: #F96800;}
.highlight1 {color: #f00;}
.bighighlight {font-size: 2em; font-weight:bold; color: #F96800;}
.important {font-weight:bold; color: #C30; padding: 0 0 0.5em 0;}
.grey {color: #999;}
p {padding: 0 0 1em 0; margin: 0;}
a {color:#66f;}
a:link {color:#66f;}
a:visited {color:#069;}
a:hover {color:#f60; text-decoration: none;}
a:focus {color:#f60; text-decoration: none;}
a.name {color:#000;}
OL.withroman { list-style-type: lower-roman } 
OL.withalpha { list-style-type: lower-alpha } 

/* NB: .rm should be placed in an imported stylesheet, otherwise it affects the screen readers to! */
.rm {display: none;}
.cl {clear: both; font-size: 0.1px; line-height: 0.1px;}
.center {text-align: center;}
.align_right {text-align: right;}
img {border: 0;	vertical-align: bottom;}
hr {border: none 0; border-top: 1px solid #ccc; height: 1px; padding: 0; margin: 0 0 1em 0; clear: both;}
.hrbdown {border: none 0; border-bottom: 1px solid #ccc; margin: 0; padding: 2px 0 2px 0; clear: both;}

/*  Layout   */

#mycontainer {min-width: 770px;}
#header {width: 100%; margin:0; padding: 0; background: #ccc;}
#wrap1 {float: right; width: 100%; margin: 0 0 0; background: transparent url(images/common/left_back.gif) repeat-y top left; /* 170px wide #FFFAE7 background with a 1px RIGHT border #FFCC00 */}
#wrap2 {width: 100%; float: left; margin: 0 -190px 0 0; background: transparent url(images/common/right_back.gif) repeat-y top right; /* 170px wide #FFFAE7 background with a 1px LEFT border #FFCC00 */}
#navigation {background: transparent url(images/common/left_back.gif) repeat-y top right; /* apply to wrap1 AND to navigation - this caters for short content pages. */}
#mycontainer, #related {background: transparent url(images/common/right_back.gif) repeat-y top right !important;}
/* Hides from IE-mac \*/
* html #mycontainer {height: 1%;}
/* End hide from IE-mac */ 

/* NB: Content can be given a width to stop it from expanding, would suggest 45em-ish */
#content {margin: 0 190px; background-color: transparent;}
#related {width: 170px;	float: right;}
#navigation {width: 170px; float:left;}
/* NB: The width is pixel perfect to match the background image */
#footer {clear: both; background: #fc0;}
/* #mycontainer {background: url(images/common/right_back.gif) repeat-y top right;} */

/* Splits Pages */
.split3070 span.split3070, .split3070 span {position: relative; margin: 0 5px 5px 0; padding: 0;}
.split3070 span.split3070 {position: relative; display: block; float: left; clear: left; width: 10em;}
.split3070 span {position: relative; display: block; float: left;}
			
.split7030 span.split7030, .split7030 span {position: relative; margin: 0 5px 5px 0; padding: 0;}
.split7030 span.split7030 {position: relative; display: block; float: left; clear: left; width: 24em;}
.split7030 span {position: relative; display: block; float: left;}

.msplit5050 span.msplit5050, .msplit5050 span {position: relative; margin: 0 5px 5px 0; padding: 0; width: 25em;}
.msplit5050 span {position: relative; display: block; float: left;}
.msplit5050 span.msplit5050 {position: relative; display: block; float: left;}

.split5050 span.split5050, .split5050 span {position: relative; margin: 0 5px 5px 0; padding: 0;}
.split5050 span.split5050 {position: relative; display: block; float: left; clear: left; width: 20em;}
.split5050 span {position: relative; display: block; float: left;}

.split1090 span.split1090, .split1090 span {position: relative; margin: 0 5px 5px 0; padding: 0;}
.split1090 span.split1090 {position: relative; display: block; float: left; clear: left; width: 3em;}
.split1090 span {position: relative; display: block; float: left;}	

/* Sitetools */
#sitetools {background: #666; border-bottom: 1px #333 solid; text-align: right;} 
/* sitetools and biscuit */
#sitetools ul, #biscuit ul, #footer ul {list-style-type: none; margin:  0; padding: 2px 0;}
#sitetools ul li, #biscuit ul li, #footer ul li {display:inline;}
#sitetools a {font-size: 90%; color:#fff; text-decoration: none; padding: 0.5em;}
#sitetools a:hover, #sitetools a:focus {color: #fc0}

/* Logo */
#logo {background: #fc0; height: 50px; border-top: 1px #ffe57d solid; border-bottom: 1px #826800 solid; text-align: right;}
#logo img {float:left; width: 51px; height: 51px;}

/* Biscuit */
#biscuit {background: #fff url(images/common/back_biscuit.gif) no-repeat top left; /* gradient image from #fc0 (orange) to #fff (white) */ border-top: 1px #ffe57d solid; border-bottom: 1px #826800 solid;}
#biscuit li {padding-left: 10px;}
#biscuit a, #biscuit span {color:#000; padding-left: 1em; background: url(images/common/greater_than.gif) no-repeat center left; /* addes in a > symbol between each element */ text-decoration: none;}
#biscuit li.greater {background: url(images/common/greater_than.gif) no-repeat 10px;/* reduces flickering on > symbol */}
#biscuit a:hover {color: #000; text-decoration: underline;}
#biscuit strong a {background-image: none; padding-left: 0;}

/* Navigation */
#navigation ul {list-style-type: none; margin: 0; padding: 3px 0; width: 169px;}
#navigation ul ul {padding: 0px;}
#navigation li a {margin: 0 3px; padding: 2px 3px 2px 5px; border: 1px solid #fffbe8; width: 100%; font-weight: bold; text-decoration: none; color:#000;}
#navigation li>a {display: block; width: auto;}	
#navigation li a.first  {padding: 2px 18px 2px 5px; background: url(images/common/black_arrow.gif) no-repeat 150px;}	
#navigation li strong, #navigation li a.second {background-color: #fff !important; }
#navigation li a:hover, #navigation li li a:hover  {text-decoration: none; border: 1px solid #adbf9f; background-color:#f2ead3 !important;}
#navigation li li a {font-weight: normal; padding: 2px 2px 2px 14px; background: url(images/common/green_arrow.gif) no-repeat 5px;}
#navigation li li {background: url(images/common/green_arrow.gif) no-repeat 9px; /* reduces flickering on green arrow */}
#navigation li li strong, #navigation li li a.second  {border: 1px solid #adbf9f; font-weight: bold; padding: 2px 18px 2px 14px; background: url(images/common/red_arrow.gif) no-repeat 150px;}

/* Footer */
#footer {background: #fc0; border-top: 1px #ffe57d solid; border-bottom: 1px #826800 solid; text-align: right;}
#footer a {font-size: 90%; color:#000; text-decoration: none; padding: 0.5em;}
#footer a:hover, #footer a:focus {color: #f60}

/* Forms - styles 		*/
#content form {padding: 0; margin: 0;}
fieldset {border: 1px solid #ccc; padding: 10px; margin: 10px 0;}
legend {border: 1px solid #ccc; font-size: 130%; font-weight: bold; background: #f1f1f1; padding: 5px;}
/*
The following is to lay out form elements in a 'two-column' style.  However, row must be contained within a wrapper div - this is to prevent IE 6 CRASHING.  
*/
* html form div {width: 100%}  /* see above */
label, input, select, .questionleft {margin: 5px 5px 5px 0; padding: 0;}
label.twocolumn {display: block; float: left; clear: left; width: 12em;}
label.twocolumnerror {color: #f00; display: block; float: left; clear: left; width: 12em;}
input.twocolumn, select.twocolumn {display: block; float: left;}
select.twocolumnroutes {width: 300px;}
.button_infieldset {margin: 10px 0 0 13em;}
.button_infieldset input {margin: 0 5px 0 -5px;}
input.homesubmit {margin: 5px 0 0 60px;}
#confirmcbox {background: #ecece0; padding: 5px; margin: 0 0 15px 0;}
#confirmcbox label {clear: none; width: auto;}
label.cbox {clear: left; width: auto; margin: 0 5px 0 0;}
input.cbox {margin: 0 5px 0 5px;}
label.radio {clear: none; width: auto; margin: 0 5px 0 0;}
input.radio {float:none; margin: 0 5px 0 5px;}
label.map, input.map, select.map  {margin: 0;}
form p {clear: both;}
form .questionleft {display: block; float: left; clear: left; width: 50%;}
.button {text-align: center;}
.button input, .mbutton input {float: none; display: inline;}
.mbutton {text-align: right;}
form.search {float: right; padding: 0; margin: 0;}
form.search input {margin: 9px 10px;}
form.search input.text {width: 150px; margin: 13px 5px;}
form.savings label, form.savings input  {margin: 5px 5px 5px 0; padding: 0;}

.offer {background: transparent url(images/common/mem_back.gif) repeat-x top; position: relative; margin: 15px 0 15px 0; padding: 5px;}

/* Content */
#content p.subtitle {margin:0; padding: 0 0 15px 0; font-size: 1.5em; color: #999;}
#content p.strapline {margin:0; padding: 0;}
#content p.image_left img {float:left; margin: 0 20px 10px 0; padding: 0;}
#content p.image_right img {float:right; margin: 0 0 10px 20px; padding: 0;}
#content p.image_left, #content p.image_right {clear: both;}
#content p.image_left span.highlightheading {font-size:1.3em; padding: 0.5em 0 0 0; font-weight:bold; color: #f93;}
img.savings {float:left; margin: 5px 20px 10px 0; padding: 0;}
ul.savings {float: left; margin: 0; padding: 10px 20px;}


.cols-wrap {margin: 0; width: 99%; height: 7em;}
.col-left {width: 48%; float: left;}
.col-right {width: 48%; float: right;}	
.callme {padding: 8px 20px 8px 5px; border: 1px solid #fc0; background: #F1EDE1 url(images/breakdowncover/phone_yellow.gif) no-repeat top right;}

.mobiletraffic {background: #fff9ed url(images/routes/mobiletraffic.gif) no-repeat top right; padding: 5px 90px 5px 5px; border: 1px solid #fc0;}
.mobiletraffic h2 {font-size:1.3em; padding: 0; font-weight:normal;}
.booksatlases {background: #fff5f4 url(images/routes/booksatlases.gif) no-repeat top right;  padding: 5px 90px 5px 5px; border: 1px solid #f33;}
.booksatlases h2 {font-size:1.3em; padding: 0; font-weight:normal;}
.pinkframerect {background: #fff5f4; no-repeat top right;  padding: 5px 5px 5px 5px; border: 1px solid #f33;}

/* Rounded Corners */
.nw, .ne, .sw, .se {position: relative;	margin: 0; font-size: 1px; height: 4px;}
.topfade_yellow .content, .savings_calculator .content, .grey_grey .content, .grey_green .content, .red_grey .content, .topfade_grey .content, .traffic .content {margin: 5px;}
.topfade_yellow .sw, .grey_grey .sw, .savings_calculator .sw, .grey_green .sw, .red_grey .sw, .topbottomfade_grey .sw {margin-bottom: 0; margin-top: -1px;}

/* Standard settings for boxes with grey border */
.nw {background: url(images/common/nw.gif) top left no-repeat;	top: -1px; left: -1px; margin-bottom: -1px;}
.ne {background: url(images/common/ne.gif) top right no-repeat; right: -2px;}
.sw {background: url(images/common/sw.gif) bottom left no-repeat;	bottom: -1px; left: -1px; margin-bottom: -1px; clear: both;}
.se {background: url(images/common/se.gif) bottom right no-repeat;right: -2px;}

/* Standard settings for boxes with red border */						
.red_grey .nw {background: url(images/common/red_grey_nw.gif) top left no-repeat; top: -1px; left: -1px; margin-bottom: -1px;}
.red_grey .ne {background: url(images/common/red_grey_ne.gif) top right no-repeat; right: -2px;}
.red_grey .sw {background: url(images/common/red_grey_sw.gif) bottom left no-repeat;	bottom: -1px; left: -1px; margin-bottom: -1px; clear: both;}
.red_grey .se {background: url(images/common/red_grey_se.gif) bottom right no-repeat;right: -2px;}

/* Standard content, lists */
.topfade_yellow .content ul {margin: 0; padding: 5px 0 0 0; list-style-type: none;}
.topfade_yellow .content ul li{background: url(images/common/benefit_tick.gif) no-repeat 0; position: relative; padding: 0 15px; vertical-align: top;}

/* Optional Values for boxes one for each colour combination */
.red_grey {position: relative; background: #f1f1f1; border: 1px #c30 solid;	margin: 5px 0 5px 0; padding: 0;}		
.topfade_yellow {position: relative; background: transparent url(images/common/benefit_back.gif) repeat-x top left; border: 1px #ccc solid; margin: 5px 0 5px 0; padding-left: 0;}		
.topbottomfade_grey {position: relative; background: transparent url(images/common/bdown_back.gif) repeat-x top left; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}		
.grey_grey {position: relative; background: #f1f1f1; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}
.grey_green {position: relative; background: #ecece0; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}
.traffic {position: relative; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}

/* Savings calculator */	
.savings_calculator {position: relative; background: #f1f1f1 url(images/savings/coins.gif) no-repeat top right; border: 1px #ccc solid; margin: 5px 0 5px 0; padding-left: 0;}

/* Membership options */		
.mem_options {position: relative; background: transparent url(images/common/benefit_back.gif) repeat-x top left; border: 1px #ccc solid; margin: 5px 0 5px 0; padding-left: 0;}	
.mem_options .content {margin: -40px 5px 5px 48px; height: 5em;}


.mem_options .nw100 {background: url(images/breakdowncover/option100_10.gif) top left no-repeat; top: -5px; left: -12px; height: 58px; margin-bottom: -1px; position: relative; font-size: 1px;}
.mem_options .nw200 {background: url(images/breakdowncover/option200_10.gif) top left no-repeat; top: -5px; left: -12px; height: 58px; margin-bottom: -1px; position: relative; font-size: 1px;}
.mem_options .nw300 {background: url(images/breakdowncover/option300_10.gif) top left no-repeat; top: -5px; left: -12px; height: 58px; margin-bottom: -1px; position: relative; font-size: 1px;}
.mem_options .nw400 {background: url(images/breakdowncover/option400_10.gif) top left no-repeat; top: -5px; left: -12px; height: 58px; margin-bottom: -1px; position: relative; font-size: 1px;}
.mem_options .ne {top: 4px; left: 13px;}






/* Membership Corners Upgrade*/		
.utopfade_yellow {background: #FFF9ED; position: relative; border: 1px #FFCC99 solid;	margin: 5px 0 5px 0; padding: 0;}
.utopfade_yellow .nw, #topfade_yellow .ne, #topfade_yellow .sw, #topfade_yellow .se {position: relative;	margin: 0; font-size: 1px;	height: 4px;}
.utopfade_yellow .nw {background: url(images/services/breakdowncover/option200_icon.gif) top left no-repeat; top: -7px; left: -6px; height: 45px; width: 45px;}
.utopfade_yellow .ne {background: url(images/common/ne.gif) top right no-repeat; right: -585px; bottom: -5px;}
.utopfade_yellow .content {margin: -40px 5px 5px 40px;}

/* vehicle Membership */		
.vtopfade_yellow {background: #FFF9ED; position: relative; border: 1px #FFCC99 solid;	margin: 5px 0 5px 0; padding: 0;}
.vtopfade_yellow .nw, #topfade_yellow .ne, #topfade_yellow .sw, #topfade_yellow .se {position: relative;	margin: 0; font-size: 1px;	height: 2px;}
.vtopfade_yellow .nw {background: url(images/common/nw.gif) top left no-repeat; top: -2px; left: -1px; height: 25px; width: 45px;}
.vtopfade_yellow .ne {background: url(images/common/ne.gif) top right no-repeat; right: -579px; bottom: 1px;}
.vtopfade_yellow .content {margin: -20px 5px 5px 20px;}

/* L Shape */		
#lshape_top {position: relative; border: 1px #ccc solid;	border-bottom: none; margin: 0;	padding: 0;	width: 10em;}
#lshape_top p {font-size: 2em; font-weight: bold; margin: 0; padding: 0 5px; text-align: center;}
#lshape_middle {position: relative; background: url(images/common/borderl_m.gif) top left repeat-x; position: relative; height: 4px; margin: 0; padding: 0;}
#lshape_middle_left {border-left: 1px #ccc solid; padding: 0 0 0 10em; margin: 0;}
#lshape_bottom {position: relative; border: 1px #ccc solid;	border-top: none; margin: 0; padding: 0;}
#lshape_bottom h2 {font-size:1.15em; padding: 0.5em 0 0 0; clear: both; font-weight:bold;}
#lshape_bottom hr {margin: 3px 5px;}
#lshape_bottom p {margin: 3px 5px; padding: 2px 0;}
#lshape_bottom p.option {background: #ecece0;}
.blockgreen {background: #ecece0; padding: 0 5px; margin: 3px 5px; }
.blockgrey {background: #efefef; padding: 0 5px; margin: 3px 5px; }	
.mblockgrey {background: #efefef; padding: 0 0px; margin: 0px 0px; }	
#lshape_top .nw {background: url(images/common/borderl_nw.gif) top left no-repeat;	top: -1px; left: -1px; margin-bottom: -1px;}
#lshape_top .ne {background: url(images/common/borderl_ne.gif) top right no-repeat; right: -2px;}
#lshape_bottom .sw {background: url(images/common/borderl_sw.gif) bottom left no-repeat; bottom: -1px; left: -1px; margin-bottom: -1px; clear: both;}
#lshape_middle .ne {background: url(images/common/borderl_ne.gif) bottom right no-repeat;	right: -2px; bottom: -1px;}
html>body #lshape_middle .ne {right: 0px;}
#lshape_middle .sw { background: url(images/common/borderl_sw.gif) bottom left no-repeat;	bottom: 0px; left: -2px; margin-bottom: -1px; clear: both;}
html>body #lshape_middle .sw {left: 0px;}
#lshape_bottom .se {background: url(images/common/borderl_se.gif) bottom right no-repeat;	right: -2px;}
/* \*/
#lshape_bottom .sw {margin-bottom: 0; margin-top: -2px;}
/* */

/* Route Planner & Traffic */
.routes {margin :5px 0 5px 0; width: 25em; text-align: right;}
.addvia {margin: 8px 8px 0 13px;}
#route_image  {background: url(images/common/route_road.gif) top left no-repeat; width:355px;}
#route_image .route_confirm {float:right;}
#route_image .route_tab {margin: 5px; font-size:1.3em; font-weight:bold;}
#route_image .text {margin-left: 170px;}
#route_tips  {background: #FFFDF6 url(images/common/route_tips.gif) top right no-repeat; width:355px;}
#route_tips .route_confirm {float:right;}
#route_tips .route_tab {margin: 5px; font-size:1.3em; font-weight:bold;}
#route_tips .text {margin: 0 5px 0 5px;}
.traffic .content {background: transparent url(images/common/cones.gif) no-repeat top right; width: 30em;}
.traffic .traffic_confirm {float: right;}

/* Maps */
#mapZoom img {width: 24px; margin: 0 10px 4px 10px; padding: 0; float: left; clear: both;}

/* Data Tables */
#aa_default_table_div{text-align: center;}     /*see sample in www.theaa.com/allaboutcars/advice/advice_rcosts_petrol_table.jsp*/
#aa_default_table_div .aa_default_table{border: 1px solid #ccc; background: transparent url(http://www.theaa.comimages/common/bdown_back.gif) repeat-x top left;font-size: 120%} 
#aa_default_table_div .aa_default_thead  {text-align: center; font-size: 80%}
#aa_default_table_div  td, th  {border-bottom: 1px solid #ccc;}
#datatable {text-align: center;}
#datatable .bdowntab { border: 1px solid #fc0; border-left: none; border-top: none;} 
#datatable .bottom {border: none; border-right: 1px solid #fc0;}
#datatable .bottomend {border: none;}
#datatable .mid {border: none; border-right: 1px solid #fc0; border-bottom: 1px solid #fc0;}
#datatable .midend {border: none;  border-bottom: 1px solid #fc0;}
#datatable .top {border: none; border-right: 1px solid #fc0;  border-bottom: 1px solid #fc0;}
#datatable .topend {border: none;  border-bottom: 1px solid #fc0; }
#datatable .routestab {border: 1px solid #ccc; background: transparent url(http://www.theaa.comimages/common/bdown_back.gif) repeat-x top left;} 
#datatable .routestab em {font-style: normal}
#datatable .routestravel, #datatable .routesandthen, #datatable .routestotake, #datatable .routestotal, #datatable .sectiontravel, #datatable .sectionandthen, #datatable .sectiontotake, datatable .sectiontotal {border-bottom: 1px dashed #ccc; text-align: left;}
#datatable .routestravel {text-align: center; padding: 5px;}
#datatable .routesandthen {width: 100%;} 
#datatable .routestotake {padding: 5px;} 
#datatable .routestotal {padding: 5px;} 
#datatable .sectiontravel {background: #fffbe8; text-align: center; padding: 5px;}
#datatable .sectionandthen {background: #fffbe8; width: 100%;} 
#datatable .sectiontotake {background: #fffbe8; padding: 5px;}
#datatable .sectiontotal {background: #fffbe8; padding: 5px;}  
#datatable .routestotake .aroad {font-weight:bold; color: #ff0; background: #393; padding: 0 2px 0 2px;}
#datatable .routestotake .broad {font-weight:bold; color: #000; background: #ff0; padding: 0 2px 0 2px;}
#datatable .routestotake .mway {font-weight:bold; color: #fff; background: #36f; padding: 0 2px 0 2px;} 
#datatable .routestotake .roadname {}   
#datatable .routestab .start {font-weight:bold; color: #393;}
#datatable .routestab .end {font-weight:bold; color: #f00;}

/* Journey Links */
#journey_links {clear: both; margin:  0.5em 0; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;} 
#journey_links ul {list-style-type: none; margin:  0; padding: 5px 0;}
#journey_links ul li {display:inline;}
#journey_links a {padding-right: 1em;}

/* Important Notes */
#important_information {margin: 1em 0; padding:1em; background-color: #f2f2f2;}

/* FAQs */
#content p.question {background: #eee url(images/faqs/q_question.gif) no-repeat top left; padding: 5px 1em 5px 30px;
font-weight:bold;}
#content p.answer {background: transparent url(images/faqs/a_answer.gif) no-repeat top left; padding: 5px 1em 1em 30px;
margin: 0.5em 0;}

/* Confirmation Pages */
#confirm span, #confirm span.confirm, #confirm span.confirmregular {margin: 5px 5px 5px 0; padding: 0; display: block; float: left;}	
#confirm span.confirm, #confirm span.confirmregular {clear: left; width: 12em;}	
#confirm span.confirm {font-weight: bold;}
#confirm span.confirmregular {font-weight: normal;}

/* Right Hand Menu */
#related h2 {font-size: 100%; padding: 3px 10px; font-weight: bold;}
#related ul {list-style-type: none; margin: 10px 5px 15px 8px; padding: 0;}
#related li {margin: 5px 0px;}
#related {font-size: 100%; text-align: center;}
#related * {text-align: left;}
#related h2.existing_customers {background: #4a6dd3 url(images/common/back_existing.gif) repeat-y top right; color: #fff;
border-top: 1px #ccf solid; border-left: 1px #ccf solid; border-bottom: 1px #336 solid; border-right:  1px #336 solid;}
#related h2.related_content {background: #ad305a url(images/common/back_related.gif) repeat-y top right; color: #fff; border-top: 1px #c99 solid; border-left: 1px #c99 solid; border-bottom: 1px #933 solid; border-right: 1px #933 solid;}
#related h2.telephone_number {font-size: 125%; padding: 5px 0 5px 10px;  background: url(images/common/telephone_number.gif) no-repeat top right; border-top: 1px #fc0 solid; }
#related .ad {margin: 0;}
#related .ad img {margin-bottom: 13px;}
#related .secure {background: transparent url(images/common/security1.gif) no-repeat top left; margin:13px; padding: 180px 10px 10px 10px; }
/* loans styles */



 /* START grey background box */
 .greybox    { background-color: #f4f4f4; repeat; }

 .greytop         { background: url(images/common/table4_ht.gif) repeat-x; }
 .greytop div     { background: url(images/common/table4_tl.gif) no-repeat top left; }
 .greytop div div { background: url(images/common/table4_tr.gif) no-repeat top right; }

 .greybottom         { background: url(images/common/table4_hb.gif) repeat-x; }
 .greybottom div     { background: url(images/common/table4_bl.gif) no-repeat top left; }
 .greybottom div div { background: url(images/common/table4_br.gif) no-repeat top right; }

 .greycontentwrap { background: url(images/common/table4_vl.gif) repeat-y; }
 .greycontent     { background: url(images/common/table4_vr.gif) repeat-y right; }
  /* height and width to set  position of outlines. */
 .greytop div,  .greytop,  .greybottom div,  greybottom {width: 100%;   height: 9px;    font-size: 1px; }

 .greycontent  { padding: 0 1em 0em 1em ; margin: 0;  }
 .greybox { width: 100%; margin: 1em auto;  }
 /* END grey background box */