body { font-size:12px; background:#C9D4DD url(img/bg_body.gif) repeat scroll center top;}

* {margin: 0 auto;
 padding:0 ;
 font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 
}

p {font-size:12px;
line-height:18px;
margin-top:10px;
}


.audio_promo{ width:auto;  border:1px dotted #CCCCCC;  margin-top:10px; padding-left:5px;}

.doc_list{ width:auto; border:1px dotted #CCCCCC; margin-bottom:5px; padding:5px; margin-left:22px}
.doc_intro{ margin-top:5px; margin-bottom:5px;}
.doc_title{ color:#0B6BB4; font-weight:bold}

/*  Acordian  */

.menu_head {
	/*padding: 5px 10px;*/
	cursor: pointer;
	position: relative;
	margin:1px;
   /* font-weight:bold;*/
   
}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  color:#006699;
  
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }
  
  /*  END */  

.side_nav_link  { color:#0B6BB4; text-decoration:none}
#navigation {  list-style-type: none; padding-left: 12px; }
#navigation li { float:left; padding: 0 18px; }
#navigation li a:link, #navigation li a:visited { text-decoration:none; color:#0B6BB4; font-weight: bold; }
#navigation li a:hover { color:#000 }

#product_list a:link {color:#0B6BB4}
#tbl_condition a{ color:#0B6BB4; text-decoration:none}
.tbl_carloan{ float:left; width:100%}
#tbl_condition{float:left;}


.float_promo_left{ float:left; margin-right:25px;}
.float_promo_right{ float:left}

.prom_title{ padding-top:5px; color:#0B6BB4;}
.prom_txt { margin-bottom:5px; margin-top:5px}

.prom_txt ul li {list-style:decimal; line-height:15px; margin-left:16px;}


.links_blk a:link {text-decoration:none; color: #0B6BB4} 

.links_blk a:visited{text-decoration:none; color: #0B6BB4}
.links_blk a:hover {text-decoration:none; color: #000000}

#side_menu{font-size:11px; line-height:15px; margin-bottom:10px;}
.link_class{ color: #0B6BB4; font-weight:bold;}

#wrapper{ width: 818px; height:auto;  font-family:"Myriad Pro"; font-size:12px; margin-top:5px; background:#FFFFFF;  }
#top {  height: 123px; background:url(img/header.jpg) no-repeat; }
#search{ background: url(img/nav-bg.jpg) repeat;  height:23px; padding-top:10px; } 
#product{ border-top: 1px dashed #2586C1; background: url(img/product_bar.jpg) repeat-y ; height:26px; font-size:24px; color:#FFFFFF; font-family:"Garamond Premr Pro"; font-style:italic; padding-left:23.5px; padding-top:3px; padding-bottom:2px; } 
#banner{  height:221px; background:url(img/innerpage.jpg) no-repeat; } 
#promotions{ height:221px; background: url(img/MANCHESTER_SITE_170809.jpg) no-repeat; } 
#lower { height:auto; border-bottom:1px dotted #CCCCCC}
#left_content{float:left; width:530px; padding-left:18px;}
.content_top{font-size:12px; font-family:"Lucida Sans"; color:#58595B; text-align:left; padding-top:27px}
.office_list{font-size:13px;}

#right_content{ float:right; width: 260px;} 
#link_block{height:auto; padding-left:13px; padding-top:27px; margin-bottom:30px;}
#loan_block{height: auto; margin-bottom:7px; margin-top: 40px; }
#loan_blk_inner{ width:233px; height:auto; border:1px solid #ccc;}

#loan_header {font-size:16px; padding-left:10px; margin-top:14px;}
#loan{background:url(img/loans_img.jpg) no-repeat; width:233px ; height:106px;}
#savings{background:url(img/savings_img1.jpg) no-repeat; width:233px ; height:106px;}
#Abm_block{ height:293px;}
#Abm_block_inner{ width:237px; height:auto; border:1px solid #ccc; margin-top:15px; }
#Abm_header{font-size:15px; padding-left:10px; margin-top:18px; margin-bottom:10px; font-weight: bold;}
#Abm{background:url(img/ABM.jpg) no-repeat; width:237px; height:134px; margin-bottom:10px}

#news_title{ margin-bottom:20px; padding-left: 22px;}
#news_content{padding-bottom:10px; font-size:12px; line-height:25px; padding:0 20px 20px}
#content{font-size:11px; padding: 0 20px 20px 20px;}
#content a:link{ color:#0B6BB4}

#content ol, #content ul { margin-top: 12px;}
#content ol li, #content ul li { font-size: 12px; margin: 0px 0 10px 34px; }
#content ol li { list-style-type: decimal; }
#content ul  { margin-left: 20px; list-style-type: disc; }

#product_list{ padding-bottom:10px;}



#caption{font-size:10px; font-style:italic; font-weight:bold; width:143px; text-align:left; color:#76797C; margin-left:0px;}


#table_top{width:315px; height:39px;  background:url(img/tabletop.jpg) no-repeat; margin-right:223px; padding-top:7px; }
.table_row{width:315px; height:20px;  background: url(img/table_row.jpg) no-repeat; margin-right:223px;}


.links_blk{  color:#0B6BB4; font-size: 11px; }
.arrow{margin-right:5px;}

#footer { height:107px;}


ul {list-style: disc; }

ol li { list-style-image:none; list-style-position:outside; list-style-type:none;}



.news_block{float:right; width:343px; margin-top:6px; }
#news_title { font-size:15px; color:#0B6BB4; font-weight:bold; }
#news_title_list { font-size: 12px; color:#0B6BB4;  margin-bottom:20px; }

#news_title_list  a:link{color:#0B6BB4; text-decoration:none}
#news_title_list  a:visited{color:#0B6BB4; text-decoration:none}

#news_date {font-size: 11px; color:#404041; padding-top: 3px; }
#news_excerpt{font-size:12px; color:#58595B; line-height: 25px;}


#profile_content{ padding:0 20px 20px }


#indexlower { height:auto;  height:250px}
#left_content_index{float:left; width:412px; padding-left:46px; height: 190px; margin-top:15px; border-right: 1px solid #bbb; padding-right:25px; margin-right:5px;}
#right_content_index{ float:right; width: 325px; margin-top:15px;} 
.right_links{ color:#FFFFFF; font-size:11px; font-weight: normal; margin-left: 10px; }

.sidebar_nav { margin-bottom: 4px;}
.sidebar_nav a { color: #0B6BB4; font-size: 11px; text-decoration: none;}

.right_links a:link{color:#FFFFFF; text-decoration:none}
.right_links a:visited{color:#FFFFFF; text-decoration:none}
#prom_table {font-size:12px}

#agm_blk{ height:10px;}


/*    gallery    */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper_gallery {width:506px; margin:50px auto; display:none}
#wrapper_gallery * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#0B6BB4 }
#information {position:absolute; bottom:0; width:500px; height:0; background:#0B6BB4; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(img/left.gif) left center no-repeat}
#imgnext {right:0; background:url(img/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background: url(img/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background: url(img/scroll-left.gif) center center no-repeat; background-color:#0B6BB4 }
#slideleft:hover {background-color:#0B6BB4 }
#slideright {float:right; width:20px; height:81px; background:#0B6BB4  url(img/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#0B6BB4 }
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #0B6BB4; padding:2px}



/* Widget  */


.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

/*     */