/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Doree Bonner CMS site

Created : 08/02/07
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#171717; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:10px; }
/* some browsers don't inherit the font into tables or textareas! */

address { font-style:normal; font-size:1.1em; line-height:120%;}

/* ----- IDS ----- */
#container { width:960px; margin:0 auto; text-align:left; }   
#header { position:relative; height:78px; background:#ffffff;}
#logo { position:absolute; top:0px; left:0px;}
#purrfect { position:absolute; top:0px; right:0px;}
#innerContainer {padding:6px 8px 6px 9px; background:#f7f5f1; }

#search { background:url(iconSearch.gif) 0px 4px no-repeat; position:absolute; top:2px; left:705px; padding-left:90px;}
#searchGo {position:relative; top:2px; left:2px;}
#searchInput { width: 119px; font-weight:bold; color:#ffffff; background-color:#ef9396; border: 1px solid #9d4e51; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; height:17px; padding: 0px 0px 0px 3px;  margin:2px 0 0 0; float:left;}

.heading {padding: 0px 0px 4px 0px;}
.arrowLink {float: left; font-weight: bold; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:120%}

#leftCol {float: left; width: 215px; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  padding-bottom: 100px; }
#middleCol {float: left; width: 491px;}
#rightCol {float: right; width: 237px; font-size:0.9em;}
#rightCol h1{ padding: 0px 0px 7px 0px;}
#fullCol {float: left; width: 706px;}
#leftColLarge {float: left; width: 461px;}
#middleColSml {float: left; width: 245px; font-size:0.9em;}
#fullColInternal {float: left; width: 727px;}

/* ----- HOME MAIN IMAGE ----- */
#middleImage { background:url(middleBoxBg.gif) top left repeat-y; width: 483px; margin-bottom: 7px;}
#middleImage .padding {padding: 0px 0px 0px 6px;}

/* ----- HOME MAIN CONTENT ----- */
#middleContent { background:url(middleBoxBg.gif) top left repeat-y; width: 483px; }
#middleContent .padding {padding: 6px 18px 5px 18px;}
#logoList {padding: 4px 0px 15px 0px}

/* ----- AIRPETS ----- */
#leftColAirpets {position:relative; margin-bottom: 7px; width: 215px; background:url(leftColBoxBg.gif) top left repeat-y; }
#leftColAirpets .padding { padding: 0px 0px 0px 6px;}

/* ----- SIMS ----- */
#rightColSims {position:relative; width: 237px; background:url(leftColBoxBg.gif) top left repeat-y; margin-bottom: 6px;}
#rightolSims .padding { padding: 0px 0px 0px 6px;}
#simsContent { position: relative; background:url(simsBg.gif) top left no-repeat; width: 226px; height: 87px; padding: 0px 6px 0px 6px;font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#simsContent p {position: absolute; top: 10px; left: 17px; width: 120px; font-weight: bold;}
#simsBtn {position: absolute; top: 95px; left: 14px;}

/* ----- SUPPORT SERVICES ----- */
#leftColSupport {position:relative; margin-bottom: 7px; width: 215px; background:url(leftColBoxBg.gif) top left repeat-y; }
#leftColSupport .padding { padding: 0px 0px 0px 6px;}
/*#supportContent { position: relative; background:url(supportBg.gif) top left no-repeat; width: 170px; height: 109px; padding: 8px 13px 0px 13px;}*/
#supportContent { position: relative; background:url(supportBg.gif) top left no-repeat; width: 183px; height: 109px; padding: 8px 0px 0px 13px;}
#supportContent  .arrowLink {font-size: 1.1em;}
#supportContent .redArrow { padding-right: 13px; }

/* ----- INTERNATIONAL TRACKING ----- */
#leftColTracking {position:relative; margin-bottom: 7px; width: 215px; background:url(leftColBoxBg.gif) top left repeat-y; }
#leftColTracking .padding { padding: 0px 0px 0px 6px;}
#trackingContent { position: relative; background:url(internationalTrackingBg.gif) top left no-repeat; width: 170px; height: 40px; padding: 8px 13px 0px 13px;}
#leftColTracking .redArrow { position: absolute; top: 22px; right: 15px; }
.name {width: 75px; float: left;}
.ref {width: 75px; float: left;}

/* ----- FSA OLD ----- */
/*.fsa {width: 203px; height: 70px; padding: 16px 11px 0px 11px}
.fsa p{float: right; width: 130px; font-size:1.1em;}
.fsa img {float: left; width: 63px;}*/

/* ----- FSA ----- */
#leftColFsa {position:relative; width: 215px; background:url(leftColBoxBg.gif) top left repeat-y; }
#leftColFsa .padding { padding: 0px 0px 0px 6px;}
#fsaContent { width: 190px; height: 50px; padding: 4px 0px 0px 0px; font-weight: normal}
#fsaContent img {float: left; width: 55px;}
#fsaContent p{float: right; width: 135px; font-size:1.1em; font-family:Arial, Helvetica, sans-serif;  padding:0px 0px 0px 0px; }
/*#leftColFsa p{float: right; width: 130px; font-size:1.1em;}
#leftColFsa img {float: left; width: 63px;}*/

/* ----- GET A QUOTE ----- */
#quote {position:relative; margin-bottom: 7px; width: 237px; height: 286px; background:url(rightColBoxBg.gif) top left repeat-y;}
#quote .padding { padding: 0px 0px 0px 6px;}
#quoteContent { position: relative; background:url(getQuoteBg.gif) top left no-repeat; width: 225px; height: 178px;}
#quoteIcon {position:absolute; top: -3px; right: 4px;}

/* ----- GET A QUOTE SMAL OLD----- */
/*#leftColquote {position:relative; width: 215px; background:url(leftColBoxBg.gif) top left repeat-y; margin-bottom: 6px;}
#leftColquote .padding { padding: 0px 0px 0px 6px;}
#quoteLeftContent { position: relative; background:url(getQuoteLeftBg.gif) top left no-repeat; width: 184px; height: 146px; padding: 0px 6px 0px 6px;}
#quoteLeftIcon {position:absolute; top: 3px; right: 18px;}*/

/* ----- GET A QUOTE SMAL OLD----- */
#leftColquote {position:relative; width: 215px; background:url(leftColBoxBg.gif) top left repeat-y; margin-bottom: 6px;}
#leftColquote .padding { padding: 0px 0px 0px 6px;}
#quoteLeftContent { position: relative; width: 184px;}
#quoteLeftIcon {position:absolute; top: 3px; right: 18px;}

/* ----- COMPANY NEWS ----- */
#companyNews {position:relative; margin-bottom: 7px; width: 237px; /*min-height: 245px;*/ background:url(rightColBoxBg.gif) top left repeat-y; margin-top:8px;}
#companyNews .padding { padding: 0px 0px 0px 6px;}
#companyNewsContent { position: relative; font-size: 1.1em; background: #eff3f2; width: 199px; /*min-height: 239px;*/ padding: 4px 13px 0px 13px;}
.redArrow {float: right; width: 21px; height: 21px; }
#companyNews .arrowLink {font-size: 1.0em;}

/* ----- BRANCH FINDER ----- */
#branch { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.9em; position:relative; margin-bottom: 7px; width: 237px; height: 194px; background:url(rightColBoxBg.gif) top left repeat-y;}
#branch .padding { padding: 0px 0px 0px 6px;}
#branchContent {position: relative; font-size: 1.1em;  padding: 16px 7px 16px 17px; background:url(branchFinderBg.gif) top left no-repeat; width: 201px; height: 109px;}
#branchIcon {position:absolute; top: -3px; right: 18px;}

/* ----- GO TO ----- */
#goTo {position:relative; width: 237px; min-height: 344px; background:url(rightColBoxBg.gif) top left repeat-y;}
#goTo .padding { padding: 0px 0px 0px 6px;}
#goToContent { font-size: 1.1em; position: relative; background: #fadede; width: 202px; min-height: 265px; padding: 8px 10px 15px 13px;}
#goTo ul{padding: 0px; margin: 0px;}
#goTo li{padding: 0px 0px 15px 0px; list-style:none; font-weight:bold; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; }

/* ----- INTERNAL FULL COLUMN ITEMS ----- */
#fullContentInternal { background:url(fullColInternalBoxBg.gif) top left repeat-y; width: 727px; }
#fullContentInternal .padding {padding: 6px 18px 0px 18px;}

#internalImageContainer { position:relative; margin: 0px 0px 10px 10px;  }
#imageFrameLarge { position:relative; top: 0px; left: 0px;}
#internalImage { position:absolute;  top: 2px; left: 2px;}
#fullContentInternal ul { padding: 0px 0px 0px 20px; margin: 0px;}
#fullContentInternal li { font-size:1.1em;}
/*#fullContentInternal li { list-style: none; font-size:1.1em;}*/
#fullContentInternal ul a { font-weight: normal; text-decoration: none; }
#fullContentInternal ul a:hover { color: #d80f15; }

#vacanciesList {}
#vacanciesList ul { padding: 0px 0px 0px 20px; margin: 0px;}
#vacanciesList li { list-style:none; font-size:1.1em;}

/* ----- REMOVAL SERVICES FULL COLUMN ITEMS ----- */
#fullContent { background:url(fullColBoxBg.gif) top left repeat-y; width: 698px; }
#fullContent .padding {padding: 6px 18px 0px 18px;}

.removalsBox {background:url(fullColBoxBg.gif) top left repeat-y; width: 698px; margin-top: 7px; }
.removalsBox .padding {padding: 6px 11px 11px 11px;}
.removalsBox h2 {color: #000000; padding: 0px 0px 10px 7px;}
.removalsBox th {color: #da1117; font-size: 1.1em;  padding: 0px 0px 12px 7px}
.removalsBox td {color: #000000; font-size: 1.1em; height: 21px; padding: 0px 0px 0px 7px;}
.removalsBox .stripe {background: #f7f5f1;}
.removalsBox table a{color: #d32227; font-weight: normal !important;}

/* ----- STATS PAGE ----- */
#stats { }
#stats .padding {padding: 6px 11px 11px 11px;}
#stats table { border: 1px solid #d8d6d3; background: #ffffff; } 
#stats th {color: #da1117; font-size: 1.1em;  padding: 5px 0px 12px 7px}
#stats td {color: #000000; font-size: 1.1em; height: 21px; padding: 0px 0px 0px 7px;}
#stats .stripe {background: #f7f5f1;}
#stats .total {background: #e9e8e8; }
#stats table a{color: #d32227; font-weight: normal !important;}

/* ----- GET A QUOTE BLUE ----- */
#quoteBlue {position:relative; margin-bottom: 7px; width: 237px; height: 231px; background:url(rightColBoxBg.gif) top left repeat-y;}
#quoteBlue .padding { padding: 0px 0px 0px 6px;}
#quoteBlueContent { position: relative; font-size: 1.0em; background:url(getQuoteBlueBg.gif) top left no-repeat; width: 225px; height: 178px;}

/* ----- SIMS BLUE ----- */
#rightColSims {position:relative; width: 237px;  background:url(rightColBoxBg.gif) top left repeat-y; margin-bottom: 6px;}
#rightColSims .padding { padding: 0px 0px 0px 6px;}
#rightSimsContent { position: relative; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(simsBlueBg.gif) top left no-repeat; width: 213px; height: 117px; padding: 0px 6px 0px 6px;}
#rightSimsContent p {position: absolute; top: 16px; left: 17px; width: 120px; font-weight: bold;}
#rightSimsBtn {position: absolute; top: 90px; left: 14px;}

/* ----- NEWSLETTER BLUE ----- */
#rightColNewsletter {position:relative; width: 237px;  background:url(rightColBoxBg.gif) top left repeat-y; margin-bottom: 6px;}
#rightColNewsletter .padding { padding: 0px 0px 0px 6px;}
#newsletterContent { position: relative; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(signUpBg.gif) top left no-repeat; width: 213px; height: 117px; padding: 0px 6px 0px 6px;}
#newsletterContent p {position: absolute; top: 10px; left: 105px; width: 120px; font-weight: bold;}
#newsletterBtn {position: absolute; top: 112px; left: 131px;}

/* ----- OTHER SERVICES ----- */
#rightColOtherServices {position:relative; width: 237px;background:url(rightColBoxBg.gif) top left repeat-y;}
#rightColOtherServices .padding { padding: 0px 0px 0px 6px;}
#otherServicesContent { position: relative; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; background: #e1eaf4; width: 199px; padding: 4px 13px 0px 13px;}
#otherServicesContent p {font-weight: bold;}

/* ----- LEFT COL LARGE IMAGE ----- */
#leftColLargeImage { background:url(leftColLargeBoxBg.gif) top left repeat-y; width: 453px; margin-bottom: 7px;}
#leftColLargeImage .padding {padding: 0px 0px 0px 6px;}

/* ----- LEFT COL LARGE CONTENT ----- */
#leftColLargeContent { background:url(leftColLargeBoxBg.gif) top left repeat-y; width: 453px; }
#leftColLargeContent .padding {padding: 6px 18px 0px 18px;}

/* ----- CUSTOMERS ----- */
#customers {position:relative; width: 237px; min-height: 200px; background:url(rightColBoxBg.gif) top left repeat-y; margin-bottom: 7px;}
#customers .padding { padding: 0px 0px 0px 6px;}
#customersContent { position: relative; font-size: 1.1em; width: 199px; min-height: 184px; padding: 4px 13px 0px 13px;}
#middleColSml h1{ padding: 0px 0px 7px 0px;}
.blueArrow {float: right; width: 21px; height: 21px; }
#customers .arrowLink {font-size: 1.0em;}

/* ----- NEWS LIST ----- */
.newsRow {margin-top: 20px; min-height: 127px;}
.newsThumb {position: relative; float: left; width: 168px;padding-right: 18px;}
.newsThumbFrame { position:absolute; top: -6px; left: -6px;}
.newsDetails {float: left; width: 500px; line-height: 130%; font-size: 1.1em; }
.newsDetails a {color: #da0c12; font-weight:normal; text-decoration:underline;}
.newsDate {float: right; font-weight: bold;}

.partnerLink { background:url(iconPartner.gif) top left no-repeat; margin-top: 12px; }
.partnerLink a{ text-decoration: none; padding: 0px 0px 0px 22px; }

/* ----- SEARCH LIST ----- */
.searchRow { margin-top: 14px; height: 50px;}
.searchDetails { float: left; width: 690px; line-height: 130%; font-size: 1.1em; }
.searchDetails a {color: #da0c12; font-weight:normal; text-decoration:underline; }
.searchDate { float: right; font-weight: bold; }

/* ----- CONTACT ----- */
#contactDetails { line-height: 130% !important; font-size:1.1em !important; padding-top: 15px; min-height: 432px;}
#contactDetails address { line-height: 130% !important; font-size:1.0em !important; padding-bottom: 10px;}
#contactDetails a { font-weight: normal; }
#contactDetails ul {list-style: none; padding: 0px; margin: 0px; }
#contactDetails li { background:url(iconMap.gif) top left no-repeat; font-size:1.0em; padding-top: 6px; padding-bottom: 6px; padding-left: 30px; }

/* ----- BRANCH LIST ----- */
.branchRow {margin-top: 14px; height: 127px;}
.branchRow h2{font-size: 1.0em;}
.branchThumb {position: relative; float: left; width: 168px;padding-right: 18px;}
.branchThumbFrame { position:absolute; top: -6px; left: -6px;}
.branchDetails {float: left; width: 500px; line-height: 130%; font-size: 1.1em; padding-top: 10px; }
.branchDetails a {color: #da0c12; font-weight:normal; text-decoration:underline;}
.branchLink {float: right; font-weight: bold; font-size: 0.9em; color: #d91319; padding-right: 10px; padding-top: 28px; }
.branchLink ul{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none;} 
.branchLink li{padding: 3px 0px 6px 27px; line-height: 250%; }
.branchLink .website{ background:url(iconWebsite.gif) 0px 6px no-repeat;}
.branchLink .map{ background:url(iconMapSml.gif) 0px 6px no-repeat;}

/* ----- FOOTER ----- */
#footer { background:#eaeaea; width: 910px; border-top: 1px solid #ffffff; height: 35px; padding: 4px 25px 5px 25px; font-size: 1.1em; position: relative; }
#footer a {font-weight: normal;}
#footerLeft {float: left; }
#footerLeft span {padding-right: 3px;}
#footerRight {float: right; text-align: right; }
#footerRight span {padding-left: 22px;}
#footer .logoOft { position: absolute; top: -98px; left: 63px; }


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.relative { position:relative; }
.inline {display:inline;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size: 110%;}
h2 { font-size: 110%; color: #d91319; padding-bottom: 10px;}
h3 { font-size: 110%; color: #2a61bc; padding-bottom: 10px; }
h4 { }
h5 {}
h6 {}

/* ----- NAVIGATION ----- */
#navigation { font-size:110%; height:26px; position:relative; z-index:100; background:url(navBg.gif) top left repeat-x; color:#FFFFFF; font-weight:bold; position:relative;}
#navigation ul { list-style:none; padding:4px 0 0 0; margin:0 0 0 0px;}
#navigation ul li { display:inline; position:relative; padding:6px 22px 6px 22px;  background:url(navDivider.gif) top right no-repeat;}
#navigation a {color:#FFFFFF; text-decoration:none; font-weight:bold; text-transform:capitalize; }
#navigation a:hover { text-decoration:underline; color:#ffffff;}
#navigation .active a { text-decoration:underline; color:#ffffff;}
.noDivider { background:none !important; padding: 6px 0px 6px 13px !important;}

#navigation ul li ul { margin:0; padding:0px 0 0 0px; position:absolute; top:26px; left:0px; display:none; background:#ffffff; z-index:1000; width: 190px; color:#FFFFFF; border:1px solid #e0e0e0; }
#navigation ul li ul li { background:none; padding: 0px; }
#navigation ul li ul li a { display:block; clear:both; width:180px; padding:4px 5px 4px 5px; position:relative; background:#ffffff !important; color:#444444 !important; }
#navigation ul li ul li a:hover { background:#d7090f !important; text-decoration:none; color:#FFFFFF !important; }
#navigation ul li ul li span {background:none; }

#leftNav {position:relative; width: 215px;  background:url(leftColBoxBg.gif) top left repeat-y; margin-bottom: 6px;}
#leftNav .padding { padding: 0px 0px 0px 6px;}
.leftNavBtn {padding-bottom: 5px;}
#officeRelocations {padding-bottom: 0px; position: relative; width: 196px; height: 117px; background:url(officeRelocation.jpg) top left no-repeat;}
#officeRelocationsContent { position:absolute; top: 72px; right: 48px; text-align:left;}

#leftInternalNav {position:relative; width: 215px; background:url(leftColBoxBg.gif) top left repeat-y; margin-bottom: 6px; }
#leftInternalNav .padding { padding: 0px 0px 0px 7px;}
#internalNavContent { position: relative; background: #e9efed; width: 193px; font-size: 1.2em; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
#internalNavContent ul{ padding: 0px; margin: 0px; list-style:none;}
#internalNavContent li{ padding: 0px 0px 2px 0px; background: url(leftNavDivider.gif) bottom left repeat-x; }
#internalNavContent a { display:block; width: 169px; padding-left: 24px; padding-top: 7px; padding-bottom: 7px;  }
#internalNavContent a:hover { background:#cbdbd7; text-decoration: none; color: #5d857b; display:block; padding-bottom: 7px;  width: 169px; padding-left: 24px; padding-top: 7px;}
#internalNavContent .active { background:#cbdbd7; color: #5d857b; text-decoration: none;}

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:10px 0 0 10px; padding:0; font-size: 1.1em;}
#sitemap ul { list-style:none;}
.sitemapLi { background:url(bullet.gif) 0px 9px no-repeat; padding:5px 0 5px 15px;}

/* ----- BREADCRUMBS AND PAGINATION----- */
#breadcrumbs { color: #ffffff; font-size:110%; font-weight:bold; height:21px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; position:relative; background:#666666; padding: 3px 0px 0px 12px;}
#breadcrumbs a {color:#FFFFFF; font-weight:bold;}
#breadcrumbs a:hover {text-decoration:underline; }
.pagination {float: right; padding-bottom: 10px; clear: both; color: #d91319; font-weight: bold; font-size: 1.1em;}
.pagination span {padding-right: 6px;}
.pagination a {color: #d91319; font-weight: bold; padding: 0px 3px 0px 3px;}
.pagination .active {background: #d91319; color: #FFFFFF;}
.pagination a:hover {background: #d91319; color: #FFFFFF; text-decoration:none;}
.back {float: right; padding-top: 4px; padding-bottom: 10px; background:url(iconBranches.gif) top right no-repeat; clear: both; color: #d91319; font-weight: bold; font-size: 1.1em;}
.back span {padding-right: 30px;}
.back a {color: #d91319; font-weight: bold; padding: 0px 3px 0px 3px;}
.back a:hover {color: #d91319; text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0px 0px 15px 0px; margin:0; font-size: 1.1em; line-height: 120%; }

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
.red {color: #da1117;}
.blue {color: #2a61bc;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px;}
legend { padding:0; margin:0; display:none; }
label { display:none; }
input { font-size: 1.1em; }

#trackingContent form{ }
#trackingContent label{ display: block; }
#trackingContent input { width: 63px; display: inline; }

#quoteContent form {position: absolute; top: 8px; left: 10px;}
#quoteContent form label { display:block; width:79px; float:left; font-weight:bold; font-size: 1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
#quoteContent form input { width:119px; height: 15px; margin: 0px 0px 12px 0px; border: 1px solid #a5acb2;}
#quoteContent form select { width:121px; height: 17px; border: 1px solid #a5acb2;}
#quoteContent form .submit { position: absolute; top: 129px; right: -7px; width:95px !important; height: 35px !important; border:none !important;}

#quoteBlueContent form {position: absolute; top: 8px; left: 10px;}
#quoteBlueContent form label { display:block; width:79px; float:left; font-weight:bold; font-size: 1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
#quoteBlueContent form input { width:119px; height: 15px; margin: 0px 0px 12px 0px; border: 1px solid #a5acb2;}
#quoteBlueContent form select { width:121px; height: 17px; border: 1px solid #a5acb2;}
#quoteBlueContent form .submit { position: absolute; top: 129px; right: -7px; width:95px !important; height: 35px !important; border:none !important;}

#quoteLeftContent form {position: absolute; top: 8px; left: 10px;}
#quoteLeftContent form label { display:block; width:79px; float:left; font-weight:bold; font-size: 1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
#quoteLeftContent form input { width:90px; height: 15px; margin: 0px 0px 5px 0px; border: 1px solid #a5acb2;}
#quoteLeftContent form select { width:92px; height: 17px; border: 1px solid #a5acb2;}
#quoteLeftContent form .submit { position: absolute; top: 100px; right: -7px; width:95px !important; height: 35px !important; border:none !important;}

#branchContent form {position: absolute; top: 67px; left: 17px;}
#branchContent form label { display:block; width:65px; float:left; font-weight:bold; font-size: 1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
#branchContent form input { width:112px; height: 15px; margin: 0px 0px 12px 0px; border: 1px solid #a5acb2;}
#branchContent form .search { position: absolute; top: 32px; right: -20px; width:95px !important; height: 35px !important; border:none !important;}

#newsletterContent form {position: absolute; top: 50px; left: 17px; width: 213px;}
#newsletterContent form label { display:none;}
#newsletterContent form input { display:inline; width:86px; height: 15px; padding-left: 5px; margin: 0px 0px 12px 0px; border: 1px solid #a5acb2;}
#newsletterContent form .signUp { position: absolute; top: 25px; right: 10px; width:95px !important; height: 35px !important; border:none !important;}

#fullColInternal form { font-size: 1.1em;}
#fullColInternal label { display:block; width:320px; float:left; padding-top: 5px; }
#fullColInternal input, textarea { width:200px; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#fullColInternal .submit { width:87px; border: none; padding: 0px 0px 10px 0px;}
/* ----.required { color:#FF0000;}*/
#fullColInternal select { width:208px; margin-top: 8px; font-size: 1.0em;}
.inputfieldlarge {padding:1px 2px; margin-bottom: 10px;}
.selectfieldsmall { width: 102px !important;}
.checkRadioLabel  { }
.radioCheckSmall { width: 18px !important; margin-right: 5px; }
.redBold { font-weight: bold; color: #d91319; }

/* ----- CHECKBOX NO BORDER ------*/
.noBorder {border:0px none !important; margin-bottom: -12px; margin-left: 42px; background:none!important; padding:0px!important; width:15px!important; float:none!important;}
.labelRight { position:relative; top: 10px; left: 2px;}
.noBorderCheck {border:0px none !important; background:none!important; padding:0px!important; width:15px!important; float:none!important;}
.labelRightCheck { position:relative; top: -2px; left: 2px;}
.noBorderRadio {border:0px none !important; margin-bottom: -12px; background:none!important; padding:0px!important; width:15px!important; float:none!important;}

/* ----- TABLES ----- */
table{ border-collapse:collapse; }

/** Prototype Validation **/

input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required, select.required { border: 1px solid #de002c; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #de002c; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; padding: 5px; background-color: #de002c; color : #FFF; font-weight: bold; }
form ul li { font-size: 1.0em !important;}