/* Blythin & Brown CSS */

@import url(../cp/css/default-controlpanel.css);

/* ELEMENTS */
html, body {background:#6F6856 url(uploads/15/bg.png) center top repeat-y fixed;}
body {font-size:small; font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #3D475A; margin: 0;}
a {color:#003968;}
a:hover {color:#CC0000;}
a img, img a { border:0;}
.clear {clear:both;}
.getaquote .hidden, .text-display {display: none;}
.navigation{font-family:Georgia, serif;}
.navigation a{text-decoration: none;}
.introtext {font-size: 120%; clear: both;}
.element-controls, .elements-add, .page-controls { clear: both;}
.em {font-style: italic; font-size: 120%;}

/* LAYOUT */

.template {width:960px; margin:0 auto; border-top: 8px solid #fff;}
.controlbar {text-align:right; font-size:90%; clear:both; padding: 0 16px;}
div.header { background:#fff url(uploads/15/header.png) top no-repeat; height: 140px;}
div.footer { background:#fff url(uploads/15/footer.png)  top no-repeat; text-align: center; }
div.columns:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.columns {display:inline-block;}/* Hide from IE Mac \*/
div.columns {display:block;}/* End hide from IE Mac */
.main { float: left; width:716px; }
.sidebar { float: left; width: 220px;}
*html .sidebarimage {position: relative; /* for ie6 */}

/* HEADER */
div.header h1 { margin:0; padding:0; }
div.header h1.heading a { background:url(uploads/15/logo.png); display:block; height:90px; float:left; width:267px;}
div.header div.navigation {float:right; height:110px; }
div.header div.navigation ul {list-style-type:none; padding:20px 16px; text-align: right; margin: 1em 0;}
div.header div.navigation ul li {display: inline; padding: 12px 0;}
div.header div.navigation ul li a {background:transparent url(uploads/15/pipe.png) right no-repeat; padding: 10px 14px 10px 10px;}
div.header div.navigation ul li a#cplink1_17212 {background:transparent url(uploads/15/button_100.png) right no-repeat;color: #fff; margin: 0 0 0 12px; padding: 10px 18px}

/* FOOTER */

div.footer div.navigation ul {list-style-type:none; padding:58px 12px 12px 12px; margin: 0;}
div.footer div.navigation ul li {display: inline;}
div.footer div.navigation ul li a {padding: 8px;}
div.footer p.text {padding: 12px; margin: 0; font-size: 86%; }

/* CONTENT */

div.columns h1.heading {padding: 0 0 10px 0 ; margin: 0; font-size: 200%;}
div.columns { padding: 0 12px 24px 12px; font-size: 106%; line-height: 1.4;}
div.columns p.quotemarks { font-size: 200%; background:transparent url(uploads/15/quotemarks.png) center center no-repeat; text-align: center; padding: 5px; clear: both;}

/* HOMEPAGE */

div.columns div.homepage ul {list-style-type: none; margin: 0; padding: 0;}
div.columns div.homepage ul li {float: left; width: 310px; text-align: center;}
div.columns div.homepage ul li ul {padding: 0;}
div.columns div.homepage ul li ul li {padding: 0 0 0 42px;float: none; display: block;width: auto;font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif; text-align: left;}
div.columns div.homepage ul li ul li a {color:#003968;text-decoration: underline;line-height: 2em; background: transparent url(uploads/15/arrow.png) left no-repeat; padding-left: 22px;}
div.homepage a#cplink1_17263 {display: none;}
div.columns div.homepage:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.columns div.homepage {display:inline-block;}/* Hide from IE Mac \*/div.columns div.homepage {display:block;}/* End hide from IE Mac */
div.columns div.homepage {background: transparent url(uploads/15/dividers.png) center no-repeat;}

/* SUBPAGES */

div.breadcrumbs span.item { padding: 0 6px 0 0;}
div.breadcrumbs { color: #bbb; padding: 6px 6px 6px 0;}
div.breadcrumbs a { color: #bbb; padding: 0 6px;}

div.columns div.subpage {float: left; padding: 0; position: relative;}
div.columns div.subpage ul {list-style-type: none; margin: 10px 0 0 0; padding: 0; background:transparent url(uploads/15/dividers.png) -60px center no-repeat;}
div.columns div.subpage ul li {width: 200px; margin-bottom: 10px;}
div.columns div.subpage ul li a { color: #fff; background: transparent url(uploads/15/button_200.png) left no-repeat; display: block; height: 20px; width: 200px; padding:4px 12px;}
div.columns div.subpage ul li a.highlight { background: transparent url(uploads/15/button_200_alt.png) left no-repeat;}

/* MENUS */

div.columns div.homepage ul.vertical-menu li ul.submenu1 { display: none;}
div.columns div.homepage ul.vertical-menu li:hover ul.submenu1 {display: block; background:transparent url(uploads/15/navbg.png) center bottom no-repeat; margin-top: -155px; padding-top: 18px; padding-bottom: 20px;}
div.columns div.homepage ul li ul li a.quote_button {color: #fff; background:transparent url(uploads/15/button_200.png) left bottom no-repeat; padding: 3px 10px 3px 10px; margin: 2px 0 2px 20px; width: 180px; display: inline-block; text-align: center;}
div.columns div.homepage ul.vertical-menu li:hover ul.submenu1 a { text-decoration:none; }
div.columns div.homepage ul.vertical-menu li:hover ul.submenu1 a:hover { text-decoration:underline; }

*+html div.columns div.homepage ul li ul li a.quote_button {margin-top: 0px;}

/* Moved link */ div.columns div.homepage a#cplink1_16333 {background:transparent url(uploads/15/moving.png) center center no-repeat; display: block; height:178px;font-size: 120%; padding-top: 12px; color: #fff;}
div.columns div.subpage a#cplink1_16333 {background:transparent url(uploads/15/button_200_top.png) left center no-repeat;}
div.columns div.subpage a#cplink1_16333.highlight {background:transparent url(uploads/15/button_200_top_alt.png) left center no-repeat;}
div.homepage a#cplink1_17252, div.homepage a#cplink1_17268, div.homepage a#cplink1_17271 {display: none;}
/* Commercial link */ div.columns div.homepage a#cplink1_16334 {background:transparent url(uploads/15/commercial.png) center center no-repeat;display: block; height:178px;font-size: 120%;padding-top: 12px; color: #fff;}
div.columns div.subpage a#cplink1_16334 {background:transparent url(uploads/15/button_200_top.png) left center no-repeat;}
div.columns div.subpage a#cplink1_16334.highlight {background:transparent url(uploads/15/button_200_top_alt.png) left center no-repeat;}
div.homepage a#cplink1_17258 {display: none;}
/* Financial Services link */ div.columns div.homepage a#cplink1_16335 {background:transparent url(uploads/15/financialservices.png) center center no-repeat;display: block; height:178px;font-size: 120%;padding-top: 12px; color: #fff;}
div.columns div.subpage a#cplink1_16335 {background:transparent url(uploads/15/button_200_top.png) left center no-repeat;}
div.columns div.subpage a#cplink1_16335.highlight {background:transparent url(uploads/15/button_200_top_alt.png) left center no-repeat;}


.getaquote {padding-left: 10px;}

/* Homepage SECTION MENU */

ul.menu {list-style-type: none; padding: 0; margin: 2px 0; display: inline;}
ul.menu ul{padding: 0; margin:2px 0; display: inline;}
ul.menu li {text-align: center; list-style-type: none; font-size: 130%; margin: 0; margin-bottom: 2px; padding: 0; float: left;}
ul.menu li li {text-align: left; margin: 10px 55px 0  0; font-size: 76%; padding-left: 50px}
ul.menu li a {font-family: Georgia, serif; color: #fff; padding: 2px 4px; background: transparent url(uploads/15/button_200_top.png) center no-repeat; text-decoration: none; display: block; height: 24px; width: 192px;} 
ul.menu li li a {font-family: Georgia, serif; color: #fff; padding: 2px 4px; background: transparent url(uploads/15/button_200.png) center no-repeat; text-decoration: none; display: block; height: 24px; width: 192px; text-indent: 4px;} 

p.customer, p.commercial, p.financialservices {float: left; width: 220px; padding: 5px 40px; margin-right: 15px;}

p.financialservices {margin-right: 0;}

/* UNSORTED */
.form table.form { width:100%; }
.form .submit-buttons { text-align:center; padding:5px; }
#item16368-16372 .title {font-weight: bold; font-size: 110%;}
#item16368-16372 .description {text-indent: 20px;}

/* CRM */
.crm dl dt { font-weight:bold; }
.crm dl dl { padding-left:15px; padding-bottom:5px; }
.crm .details { padding:0 10px; width: 440px; float:left; border:1px solid #EEE; background-color:#F4F4F4; margin-right:10px; }
.crm .documents { padding:0 10px; width: 440px; float:left; border:1px solid #EEE; background-color:#F4F4F4; }
.crm .tickets { padding-top:20px; clear:both; }
.content table th { background:#EEE; border-bottom:2px solid #CCC; }
.content table td { background:#F4F4F4; padding:5px; }
table.table { width:100%; border-collapse:collapse; }
.error, .errors, .required { color:#CC0000; }
.icon-edit { background:url(../furniture/icons/silk/application_edit.gif) no-repeat center left; padding-left:20px; }
.icon-add { background:url(../furniture/icons/silk/application_add.gif) no-repeat center left; padding-left:20px; }
.icon-logout { background:url(../furniture/icons/silk/group.gif) no-repeat center left; padding-left:20px; }
.crm .documents ul { list-style-type:none; margin:5px 10px 10px 10px; padding:0; }
.crm .documents ul li { background:url(../furniture/icons/silk/disk.gif) no-repeat center left; padding-left:24px; }
.crm ul.clients { list-style-image:url(../furniture/icons/silk/user.gif); margin:25px 10px; }
div.gallery {margin: 0 -15px;}
ul.alphabet { margin:10px 0; padding:10px; text-align:center; background:#F4F4F4; }
ul.alphabet li { list-style-type:none; display:inline; }
ul.alphabet li a { border-right:1px solid #CCC; padding:0 7px 0 6px; text-decoration:none; }
ul.alphabet li.last a { border-right:none; }
ul.alphabet li a.active { text-decoration:underline; }

/* Contacts */
.directors {
	margin-top:20px;
	width:355px;
/*  height:500px;
	overflow:hidden;
	overflow-y:scroll; */
	float:left;
	padding-right:15px;
}
.teams {
	margin-top:20px;
	float:left;
	width:335px;
	padding-left:10px;
}
.contact { clear:both; width:345px; font-size:90%; border-bottom:5px solid #F4F4F4; padding-bottom:10px; margin:5px 0 15px 0; }
.contact .fn { margin:0 0 5px 0; font-size:125%; }
.contact .role { margin:5px 0; font-size:100%; }
.contact .photo { float:left; padding-right:15px; width:96px; }
.contact .details { float:left; width:229px; padding-right:5px;}
.contact p.text { margin:5px 0 5px; }
.teams .contact { width:335px; }
.teams .contact .details { width:219px; }
.contact dt { font-weight:bold; }
.contact dd { font-size:90%; margin-left:15px; }
.formitem .description { font-size:90%; color:#777; }
td.col1 { width:35% }
td.col2 { width:65% }
.content .formitem td p { margin:5px 0; }
.formitem .label { font-weight:bold; text-align:center; background:#EEE; }
a#cplink1_17211 { background:none; }