/* CSS Document */
/************************************************************************

	Site: Cook Security Group
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============

	1 - Global
	2 - Main Content
	3 - Top sub navigation
	

************************************************************************/

/**
   DNA - Edit 10/12/09
**/
.pageTitle
{
   margin-top: 43px !important;
}
.pageDescription
{
   margin-top: 16px !important;
}

/***********************************************************************
	1 - GLOBAL
************************************************************************/
div#button_requestQuote a h1, div#pageInfoContainer div#title_ourServices h1, div.servicesColumn div.button_request a h1, div#title_about h1, div#title_ourClients h1, div#title_ourProducts h1, div#title_contact h1, div#title_manuals h1, div#title_sitemap h1, div#title_terms h1, div#title_404error h1, div#title_privacyPolicy h1, div.button_requestQuote a h1, div#title_RAQ h1, div#menuTitle h1, div#request_button a h1 {
	display: none;
}

div#button_requestQuote a, div.servicesColumn div.button_request a, div#mainContentContainer div.columnImages a, div.button_requestQuote a {
	display: block;
	width: 100%;
	height: 100%;
}

img.leftFloatingImage {
	float: left;
	padding: 0 8px 0 0;
}

img.rightFloatingImage {
	float: right;
	padding: 0 0 0 8px;
}

div.row p {
	padding: 0 0 5px 0;
}

div.servicesColumn ul {
	padding: 0 0 0 2px;
	list-style: none;
}

body#textHeavyPages div#mainContentContainer p {
	padding: 0 0 15px 0;
	line-height: 160%;
}

/***********************************************************************
	2 - MAIN CONTENT FOR ALL SUBPAGES
************************************************************************/
/*** TOP SECTON ***/
div#pageInfoContainer div#homeDescription {
	margin: 32px 0 0 0;
	border-left: 1px solid #b2b2b2;
}

div#pageInfoContainer div#homeDescription p {
	padding: 21px 0 21px 24px;
	line-height: 160%;
}





/*** TITLE GRAPHICS FOR ALL SUBPAGES ***/

div#pageInfoContainer h1 {
    text-indent: -3000px;
}

div#pageInfoContainer div#title_about {
	background: url(../images/title_bg-about.gif) 100px top no-repeat;
	margin: 86px 0 0 0;
}

div#pageInfoContainer div#title_clients {
	background: url(../images/title_bg-clients.gif) 100px top no-repeat;
	margin: 86px 0 0 0;
}

div#pageInfoContainer div#title_services {
	margin: 86px 0 20px 0;
	background: url(../images/title_bg-services.gif) 100px top no-repeat;
}

div#pageInfoContainer div#title_products {
	margin: 86px 0 0 0;
	background: url(../images/title_bg-products.gif) 102px top no-repeat;
}

div#pageInfoContainer div#title_contact {
	margin: 86px 0 0 0;
	background: url(../images/title_bg-contact.gif) 102px top no-repeat;
}
div#pageInfoContainer div#title_product_manuals {
   margin: 86px 0 0 0;
	background: url(../images/title_bg-manuals.gif) 102px top no-repeat;
}

div#pageInfoContainer div#title_sitemap {
	margin: 86px 0 0 0;
	background: url(../images/title_bg-sitemap.gif) 102px top no-repeat;
}

div#pageInfoContainer div#title_terms {
	margin: 86px 0 0 0;
	background: url(../images/title_bg-terms-of-use.gif) 102px top no-repeat;
}

div#pageInfoContainer div#title_404error {
	margin: 86px 0 0 0;
	background: url(../images/title_bg-404-error.gif) 102px top no-repeat;
}

div#pageInfoContainer div#title_privacy_policy {
	margin: 86px 0 0 0;
	background: url(../images/title_bg-privacy-policy.gif) 102px top no-repeat;
}

div#pageInfoContainer div#title_request_a_quote {
	background: url(../images/title_bg-RAQ.gif) 95px top no-repeat;
	margin: 86px 0 0 0;
}

/*** REQUEST A QUOTE BUTTON ***/
div#button_requestQuote {
	background: url(../images/global_button-quote.gif) top right no-repeat;
	width: 179px;
	height: 27px;
	/*margin: 0 0 0 614px;*/
   float: right;
}
div#button_contactus {
	background: url(../images/global_button-contact.gif) top right no-repeat;
	width: 179px;
	height: 27px;
	/*margin: 0 0 0 614px;*/
   float: right;
   margin-right: 10px;
}

/*** MIDDLE SECTION ***/
div#bodyGradientContainer div#mainContentContainer {
	width: 792px;
	margin-left: auto;
	margin-right: auto;
	padding: 22px 0 13px 0;
}

/*** GENERAL LIST FOR BODY ***/
div#mainContentContainer ul.bodyList {
	list-style: none;
	padding: 0 0 10px 25px;
}

div#mainContentContainer ul.bodyList li ul.nestedList {
	margin: 0 0 0 25px;
}

div#mainContentContainer ul#clientsLeftList, div#mainContentContainer ul#clientsRightList {
	float: left;
}

div#mainContentContainer ul.bodyList li {
	line-height: 160%;
}

/*** 3 COLUMN SERVICES PAGES ***/
div#mainContentContainer div.row {
	padding: 0 0 0 25px;
	height: 1%; /* FOR IE */
}

div#mainContentContainer div.servicesColumn {
	float: left;
	width: 220px;
}

div#mainContentContainer div#rowOneLeftColumn, div#mainContentContainer div#rowTwoLeftColumn, div#mainContentContainer div#rowThreeLeftColumn {
	margin: 0 22px 0 0;
}

div#mainContentContainer div#rowOneMiddleColumn, div#mainContentContainer div#rowTwoMiddleColumn , div#mainContentContainer div#rowThreeMiddleColumn {
	border-left: 1px solid #c0c5ca;
	border-right: 1px solid #c0c5ca;
	padding: 0 21px 0 21px;
}

div#mainContentContainer div#rowOneRightColumn, div#mainContentContainer div#rowTwoRightColumn, div#mainContentContainer div#rowThreeRightColumn {
	margin: 0 0 0 22px;
}

div#mainContentContainer div.servicesColumn h1 {
	font-size: 18px;
	font-weight: normal;
}

div#mainContentContainer div.columnImages {
	width: 220px;
	height: 120px;
	margin: 10px 0 25px 0;
}

div#mainContentContainer div.servicesColumn p {
	line-height: 160%;
}

div#mainContentContainer div.border {
	border-top: 1px solid #c0c5ca;
	margin: 21px 0 21px 0;
}

/*-- ROW ONE IMAGES --*/
div#mainContentContainer div#rowOneLeftImage { background: url(../images/bg_ser-atm-service.jpg) left top no-repeat; }
div#mainContentContainer div#rowOneMiddleImage { background: url(../images/bg_ser-electronic-security.jpg) left top no-repeat; }
div#mainContentContainer div#rowOneRightImage { background: url(../images/bg_ser-hard-iron-service.jpg) left top no-repeat; }

/*-- ROW TWO IMAGES --*/
div#mainContentContainer div#rowTwoLeftImage { background: url(../images/bg_ser-alarm-monitoring.jpg) left top no-repeat; }
div#mainContentContainer div#rowTwoMiddleImage { background: url(../images/bg_ser-lock-repair.jpg) left top no-repeat; }
div#mainContentContainer div#rowTwoRightImage { background: url(../images/bg_ser-service-agreements.jpg) left top no-repeat; }

/*-- ROW THREE IMAGES --*/
div#mainContentContainer div#rowThreeLeftImage { background: url(../images/services_bg-leftcolumn.jpg) left top no-repeat; }

/*-- ATM SERVICE + INSTALLATION --*/
div.servicesColumn div#atmLeftImage { background: url(../images/bg_ser-atm-installation.jpg) left top no-repeat; }
div.servicesColumn div#atmMiddleImage { background: url(../images/bg_ser-custom-construct.jpg) left top no-repeat; }
div.servicesColumn div#atmRightImage { background: url(../images/bg_ser-service-agreements.jpg) left top no-repeat; }

/*-- ELECTRONIC SECURITY --*/
div.servicesColumn div#electronicLeftImage { background: url(../images/bg_ser-electronic-service.jpg) left top no-repeat; }
div.servicesColumn div#electronicMiddleImage { background: url(../images/bg_ser-electronic-repair.jpg) left top no-repeat; }
div.servicesColumn div#electronicRightImage { background: url(../images/bg_ser-electronic-install.jpg) left top no-repeat; }

/*-- PHYSICAL SECURITY --*/
div.servicesColumn div#hardironLeftImage { background: url(../images/bg_ser-hardiron-security.jpg) left top no-repeat; }
div.servicesColumn div#hardironMiddleImage { background: url(../images/bg_ser-hardiron-repair.jpg) left top no-repeat; }
div.servicesColumn div#hardironRightImage { background: url(../images/bg_ser-hardiron-installation.jpg) left top no-repeat; }

/*-- ALARM MONITORING --*/
div.servicesColumn div#alarmLeftImage { background: url(../images/bg_ser-alarm.jpg) left top no-repeat; }

/*-- LOCK REPAIR --*/
div.servicesColumn div#lockLeftImage { background: url(../images/bg_ser-lock-drilling.jpg) left top no-repeat; }
div.servicesColumn div#lockMiddleImage { background: url(../images/bg_ser-lock-combination.jpg) left top no-repeat; }
div.servicesColumn div#lockRightImage { background: url(../images/bg_ser-manipulation.jpg) left top no-repeat; }

/*-- SERVICE AGREEMENTS --*/
div.servicesColumn div#agreementsLeftImage { background: url(../images/bg_ser-agreements-EP.jpg) left top no-repeat; }
div.servicesColumn div#agreementsMiddleImage { background: url(../images/bg_ser-agreements-PM.jpg) left top no-repeat; }
div.servicesColumn div#agreementsRightImage { background: url(../images/bg_ser-agreements-TM.jpg) left top no-repeat; }

/*-- PRODUCTS --*/
div.servicesColumn div#alarmSystemsLeftImage { background: url(../images/bg_prod-alarm-systems.jpg) left top no-repeat; }
div.servicesColumn div#kiosksLeftImage { background: url(../images/bg_prod-atm-kiosks.jpg) left top no-repeat; }
div.servicesColumn div#cashRightImage { background: url(../images/bg_prod-cash-dispensers.jpg) left top no-repeat; }
div.servicesColumn div#cardMiddleImage { background: url(../images/bg_prod-card-access.jpg) left top no-repeat; }
div.servicesColumn div#safesMiddleImage { background: url(../images/bg_prod-safe-vaults.jpg) left top no-repeat; }
div.servicesColumn div#surveillanceRightImage { background: url(../images/bg_prod-surveilance.jpg) left top no-repeat; }
div.servicesColumn div#counterLeftImage { background: url(../images/bg_prod-counter-steel.jpg) left top no-repeat; }
div.servicesColumn div#driveupRightImage { background: url(../images/bg_prod-drive-up.jpg) left top no-repeat; }
div.servicesColumn div#depositoriesMiddleImage { background: url(../images/bg_prod-night-deposit.jpg) left top no-repeat; }

/*-- PRODUCTS/USED EQUIPMENT--*/
div.servicesColumn div#usedLeftImage { background: url(../images/bg_prod-used-equip.jpg) left top no-repeat; }


/*** REQUEST BUTTON FOR SERVICES INNER PAGES ***/
div#mainContentContainer div.servicesColumn div.button_request {
	background: url(../images/global_button-request.gif) left top no-repeat;
	width: 220px;
	height: 27px;
	margin: 12px 0 0 0;
}

div#mainContentContainer p.bottomParagraph {
	padding: 0 0 21px 0;
}

/*** LOCATION SECTION ***/
div#mainContentContainer div#currentLocationContainer {
	background: #889dae;
	padding: 26px 136px 22px 166px;
	height: 1%;
	margin: 41px 0 0 0;
}

/*div#mainContentContainer div#currentLocationContainer div#mapImage {
	background: url(../images/services_bg-map.gif) left top no-repeat;
	width: 105px;
	height: 104px;
	float: left;
}*/
div#mainContentContainer div#currentLocationContainer div#mapImage {
	background: url(../images/map-small-footer.png) left top no-repeat;
	width: 105px;
	height: 104px;
	float: left;
}

div#mainContentContainer div#currentLocationContainer div#mapDescription {
	float: left;
	width: 335px;
	margin: 23px 0 0 30px;
}

div#mainContentContainer div#currentLocationContainer div#mapDescription h1 {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}

div#mainContentContainer div#currentLocationContainer div#mapDescription p {
	font-size: 13px;
	color: #cfd8df;
}

/*** ABOUT US PAGE ***/
div#mainContentContainer p.content {
	padding: 0 22px 15px 22px;
	line-height: 160%;
}

div#mainContentContainer div.employeeRow {
	padding: 0 0 15px 25px;
	height: 1%; /* FOR IE */
}

div#mainContentContainer div.employeeRow h1.employeeName {
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 10px 0;
}

div#mainContentContainer div.employeePic {
	float: left;
	background: url(../images/img_placeholder.gif) left top no-repeat;
	width: 150px;
	height: 100px;
	padding: 0 8px 0 0;
}

/*** CONTACT PAGE ***/
div#contactInfo {
	float: left;
}

div#contactInfo p {
	padding: 0 0 10px 0;
}

div#contact {
	float: left;
	width: 300px;
	margin: 0 0 0 22px;
}

div#employment {
	float: left;
	width: 396px;
	line-height: 160%;
}

div#employment h2 {
	font-size: 18px;
	font-weight: normal;
}

div#contact ul#formText, div#contact ul#formFields {
	list-style: none;
	float: left;
}

div#contact ul#formText {
	padding: 0 8px 0 0;
	text-align: right;
}

div#contact ul#formText li {
	padding: 0 0 7px 0;
}

div#contact ul#formFields li {
	padding: 0 0 2px 0;
}
/*** REQUEST A QUOTE PAGE ***/
/*-- YOUR INFORMATION FORM SECTION --*/
div#mainContentContainer h1.requestHeadline {
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 3px 0;
}

div#mainContentContainer p#request_introtext {
	padding: 0 20px 30px 0;
}

ul#request_formText, ul#request_formFields, ul#commentsFormText, ul#commentsFormField {
	list-style: none;
	float: left;
}

ul#request_formText li {
	padding: 0 21px 15px 0;
	font-size: 14px;
}

ul#request_formFields li {
	margin: 0 0 9px 0;
}

input.customREQField {
	background: url(../images/request_bg-customField.gif) left top no-repeat;
	border: none;
	width: 261px;
	height: 19px;
	padding: 1px;
}

input.customREQPhoneField {
	background: url(../images/request_bg-phone.gif) left top no-repeat;
	border: none;
	width: 55px;
	height: 19px;
	margin: 0 8px 0 0;
	padding: 1px;
}

ul#commentsFormText {
	padding: 0 10px 0 53px;
	font-size: 14px;
}

ul#commentsFormField textarea {
	background: url(../images/request_bg-textarea.gif) left top no-repeat;
	width: 281px;
	height: 109px;
	border: none;
	padding: 1px;
}

ul#commentsFormField li#submitButton {
	text-align: right;
	padding: 5px 0 0 0;
}

/*-- TITLE BAR SECTION --*/
div.titleBar {
	background: #849bac;
	border-top: 1px solid #6a7c8a;
	height: 36px;
	padding: 10px 0 0 0;
	margin: 20px 0 10px 0;
}

div.titleBar div#products {
	float: left;
}

div.titleBar div#products h2, div.titleBar div#services h2 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}

div.titleBar div#products {
	padding: 0 0 0 20px;
}

div.titleBar div#services {
	padding: 0 290px 0 0;
}

div#mainContentContainer div#productListContainer {
	padding: 0 20px 0 20px;
}

/*-- PRODUCT & SERVICES LIST SECTION --*/
div#productListContainer div#leftColumnList, div#productListContainer div#rightColunnList {
	float: left;
	width: 300px;
}

div#productListContainer div#leftColumnList {
	margin: 0 110px 0 0;
}

div#productListContainer ul {
	list-style: none;
}

div#productListContainer ul li {
	padding: 0 0 5px 0;
}

div#productListContainer ul li label.listText {
	padding: 0 0 0 3px;
}

div.productRow h1 {
	font-size: 18px;
	font-weight: normal;
}

div.productRow div.leftImage {
	float: left;
	width: 220px;
	height: 120px;
}

div.productRow div.rightContent {
	float: left;
	width: 572px;
}

div#requestFooter {
	height: 27px;
	background: #fff;
	text-align: right;
	padding: 11px 14px 10px 0;
	margin: 35px 0 0 0;
}

/*-- PRESS PAGE --*/
div#mainContentContainer img#pressBestLogo {
	float: left;
	padding: 0 5px 0 0;
}

/***********************************************************************
	3 - TOP SUB NAVIGATION
************************************************************************/
/*** SUBNAV STARTS HERE ***/
div#mainContentContainer ul#subNav {
	list-style: none;
	padding: 0 0 20px 0;
	text-align: center;
}

div#mainContentContainer ul#subNav li {
	display: inline;
	line-height: 180%;
	padding: 0 8px 0 0;
}

div#mainContentContainer ul#subNav li a {
	color: #002948;
	text-decoration: none;
}

div#mainContentContainer ul#subNav li a:hover {
	text-decoration: underline;
}

div#mainContentContainer ul#subNav li a.on {
	font-weight: bold;
}

div#mainContentContainer div.subNavTitle,  div#mainContentContainer h1 {
	height: 21px;
	background: #fff;
	padding: 12px 0 9px 24px;
	margin: 0 0 26px 0;	
	font-weight: normal;
	font-size: 22px;
}

div#mainContentContainer .servicesColumn h1,
div#mainContentContainer .quoteRequest,
div#mainContentContainer .requestHeadline,
div#mainContentContainer div#mapDescription h1 {
    background-color: transparent;
    padding: 2px;
    font-size: 18px;
    font-weight: normal;
}

div#mainContentContainer div.subNavTitle h1 {
	font-size: 22px;
	color: #6e7275;
	font-weight: normal;
}



#news-tbl span.date {
	color: #000;
	padding: 0 14px 0 0;
}

#news-tbl span.title{
	font-size: 11px;
	font-weight: normal;
	color: #173a5f;
}



    .bio-image {
        border: 1px solid #CCCCCC;
        background: white;
        padding: 8px;
        margin-right: 10px;
    }