/* Safegas.co.uk CSS Document */

/* ----------------- COLOURS ----------------- 
  Blue           : #395faf
  Grey          : #dedede
  Light Grey  : #f5f5f5
*/

/* ----------------- CLEAR STYLES ----------------- */
.clear { clear: both; }

/* ----------------- DEFAULT FONT STYLES ----------------- */
body, td, div, h1, h2, p, li { font-family: Trebuchet MS, Arial, sans-serif; }

h1 { font-size: 100%; margin: 0; color: #000; font-weight:bold; }
h2 { font-size: 100%; margin: .5em 0 .5em 0; color: #6a4a21; font-weight: bold; }
h3 { font-size: 70%; margin: .5em 0 .5em 0; color: #6a4a21; font-weight: bold; }
p { font-size: 80%; margin: .5em 0 .5em 0; line-height: 1.4em; color: #000;  }
ul { padding: 0; margin: 5px;}
ul li { font-size: 90%; padding: 0 0 0 20px; margin: .3em 0 .3em 0; line-height: 1.3em; color: #6a4a21; list-style-type: none; }
ul li ul li { font-size: 95%; margin: .3em 0 .3em 0; line-height: 1.3em; color: #6a4a21; padding: 0; }
a:link { color: #000; }
a:visited { color: #000;}
a:active, a:hover { color: #cfab79; }
a { outline: none;}
.tiny { font-size: 70%; }
.feature-text { text-align: center; font-weight: bold; font-size: 100%; }

/* ----------------- RULE STYLES ----------------- */
hr { border:0; border-top: 1px solid #000; height: 1px; }

/* ----------------- FORM STYLES ----------------- */
form { display: inline; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; }
.input-text { border: 1px solid #999; padding:2px; }
.input-select { border: 1px solid #999; padding:1px; }
input.width-full, select.width-full, textarea.width-full { width: 97%; }
input.width-30, select.width-30, textarea.width-30 { width: 30px; }
input.width-50, select.width-50, textarea.width-50 { width: 50px; }

/* ----------------- ALIGN STYLES ----------------- */
.align-center { text-align: center; }


.form-table {  }
.form-table th { background-color:#CFAB79; font-size: 80%; font-weight: bold; color: #fff; text-align: left;  }
.form-table td { background-color: #ffecd0; }
.form-table td.label { background-color: #CFAB79; color: #fff; font-size: 80%; text-align: right; vertical-align: top; }
.form-table td.button { background-color: #ccc; text-align: center; }
.form-table td.buttons { background-color: #CFAB79; text-align: center; }

/* ---- ERRORBOX STYLES ------- */
.error-message { margin: 0; padding: 0; height: 150px; } 

/* ----------------- PAGE STYLES ----------------- */
body { background-color: #cfab79; margin: 0; padding: 0px; }
#frame { width: 760px; margin-left: auto; margin-right: auto;  }

/* ----------------- HEADER ----------------- */
#header { width: 760px; height: 167px; background: url(../../images/header_background.jpg) top left no-repeat; }
#header-curve-left { width: 760px; background-image: url(../../images/header_curve_left.jpg); background-repeat: no-repeat; }
#gps-logo { padding: 15px 0 0 0; float: left; }
#strapline { padding: 50px 0 40px 0; }
#strapline h1 { display: none; visibility: hidden; }

/* -- Navigation Main -- */
#nav-strip { width: 760px; height: 9px; background-image: url(../../images/nav_strip.jpg); background-repeat: no-repeat; overflow: hidden; }

/* ----------------- BODY ----------------- */
#body { width: 760px; background: url(../../images/frame_tile.jpg) top left repeat-y #fff; padding: 0px; margin: 0;}

/* -- Columns -- */
.column-265 { width: 265px; float:left; }
.column-280 { width: 280px; float:left; } /* 2 equal columns with 10px gap*/ 
.column-315 { width: 315px; float:left; }
.column-350 { width: 350px; float:left; }
.column-370 { width: 370px; float:left; } /* 2 columns with 10px gap*/
.column-390 { width: 390px; float:left; }
.column-190 { width: 190px; float:left; } 


/* -- Navigation -- */
#nav-bar { height: 30px; padding: 0 0 0 76px; }
#nav-bar div {height: 30px; display: block; background-position: top left; background-repeat: no-repeat; }
#nav-bar a { height: 30px; display: block; outline: none; padding: 0; margin: 0; }
#nav-bar a:hover { background-position: bottom left; background-repeat: no-repeat; }
#nav-bar span { display: none; visibility: hidden; }
#nav-bar .selected { background-position: bottom left; }
/* services buttons */
#nav-bar .home, #nav-bar .home a:hover { background-image: url(../../images/nav_main_home.jpg); width: 84px; float: left }
#nav-bar .corporate, #nav-bar .corporate a:hover { background-image: url(../../images/nav_main_corporate.jpg); width: 100px; float: left; }
#nav-bar .personal, #nav-bar .personal a:hover { background-image: url(../../images/nav_main_personal.jpg); width: 91px; float: left; }
#nav-bar .services, #nav-bar .services a:hover { background-image: url(../../images/nav_main_services.jpg); width: 81px; float: left; }
#nav-bar .business, #nav-bar .business a:hover { background-image: url(../../images/nav_main_business.jpg); width: 156px; float: left; }
#nav-bar .claims, #nav-bar .claims a:hover { background-image: url(../../images/nav_main_claims.jpg); width:70px; float: left; }
#nav-bar .contact, #nav-bar .contact a:hover { background-image: url(../../images/nav_main_contact.jpg); width:96px; float: left; }

/*-- Content --*/
#content { width: 665px; padding: 0 0 15px 95px; }
#content p { padding: 0px 20px 10px 0; color: #6b4f28; }
#content-column-left { width: 315px; float: left; padding: 0 0 0 0;}
#content-column-right { width: 335px; float: left; padding: 0 0 0 0;}
#content-column-form { width: 640px; float: left; padding: 15px 0 0 0;}


.content-header { border-bottom: 1px solid #c8b397; width: 640px; padding:5px 0pt 0pt 5px; }
#header-corporate { background-image: url(../../images/header_corporate.jpg); background-repeat: no-repeat; height: 41px; overflow: hidden; }
#header-personal { background-image: url(../../images/header_personal.jpg); background-repeat: no-repeat; height: 41px; overflow: hidden; }
#header-services { background-image: url(../../images/header_services.jpg); background-repeat: no-repeat; height: 41px; overflow: hidden; }
#header-business { background-image: url(../../images/header_business.jpg); background-repeat: no-repeat; height: 41px; overflow: hidden; }
#header-claims { background-image: url(../../images/header_claims.jpg); background-repeat: no-repeat; height: 41px; overflow: hidden; }
#header-contact { background-image: url(../../images/header_contact.jpg); background-repeat: no-repeat; height: 41px; overflow: hidden; }
#header-unsubscribe { background-image: url(../../images/header_unsubscribe.jpg); background-repeat: no-repeat; height: 41px; overflow: hidden; }
#header-disclaimer { background-image: url(../../images/header_disclaimer.jpg); background-repeat: no-repeat; height: 41px; overflow: hidden; }
#header-termsAndConditions { background-image: url(../../images/header_termsAndConditions.jpg); background-repeat: no-repeat; height: 41px; overflow: hidden; }

.content-box-rule { height: 1px; border-bottom: 1px solid #c8b397; margin: 0 10px 0 10px; overflow: hidden; }

/* INFORMATION STYLES */
.information-title { padding: 3px 5px; color: #6b4f28; font-size: 80%; }
.information-box .information-text { padding: 3px 5px; }
.information-box .information-text p { color: #6b4f28; margin: 0; }

#welcome-box { background-color: #e7d5bc; width: 315px; padding: 0px; margin: 0px; }
#welcome-box p { margin: 10px; padding: 0px; color: #6b4f28;}
#welcome-box-top  { background-image: url(../../images/welcome_box_top.jpg); background-repeat: no-repeat; width:315px; height: 8px; overflow: hidden; }
#welcome-box-header  { background-image: url(../../images/welcome_box_header.jpg); width:315px; height: 28px; padding: 0; margin: 0; overflow: hidden; }
#welcome-box-header h2 { display: none; visibility: hidden; }
#welcome-box-bottom  { background-image: url(../../images/welcome_box_bottom.jpg); background-repeat: no-repeat; width:315px; height: 7px; overflow: hidden; }

#newsletter-box { background-color: #f5eee4; width: 315px;}
#newsletter-box p { margin: 0px; padding: 10px; color: #6b4f28;}
#newsletter-box-top  { background-image: url(../../images/newsletter_box_top.jpg); background-repeat: no-repeat; width:315px; height: 6px; overflow: hidden; }
#newsletter-box-header  { background-image: url(../../images/newsletter_box_header.jpg); width:315px; height: 30px; overflow: hidden; }
#newsletter-box-header-unsubscribe { background-image: url(../../images/newsletter_box_header_unsubscribe.jpg); width:315px; height: 30px; overflow: hidden; }
#newsletter-box-header h2 { display: none; visibility: hidden; }
#newsletter-box-bottom  { background-image: url(../../images/newsletter_box_bottom.jpg); background-repeat: no-repeat; width:315px; height: 6px; overflow: hidden; }
#newsletter-email { width:200px; margin: 3px 0 5px 10px; float: left;}
#newsletter-submit { margin: 0 0 5px 5px; }

/*-- Banner --*/
.banner-right { width: 315px; height: 130px;}
.banner-right a { height: 130px; display: block;}
.banner-right span  { display: block; visibility: hidden; }
#banner-top { background-image: url(../../images/banner_corporate_insurance.jpg); }
#banner-top h3 { display: none; visibility: hidden; }
#banner-middle { background-image: url(../../images/banner_personal_insurance.jpg); }
#banner-middle h3 { display: none; visibility: hidden; }
#banner-bottom { background-image: url(../../images/banner_claim.jpg); }
#banner-bottom h3 { display: none; visibility: hidden; }

/* ----------------- FOOTER ----------------- */
 #footer { width: 682px;  height: 29px; margin: 0 0 0 73px; background-image: url(../../images/gps-footer-bar.jpg); background-repeat: no-repeat; }
 #footer span { display: none; visibility: hidden; }
 #footer p { padding: 0px; margin: 0px; color: #fff; font-size: 0.7em; }
 #footer-content { float: left; }
 #footer-content-anchor { height: 29px; display: block; }
 #footer-content span { display: block; visibility: hidden; }
 #footer-links a:link { color: #fff; }
 #footer-links a:visited { color: #fff;}
 #footer-links a:active { color: #fff; }
 #footer-links a:hover { color: #6B4F28; }
 #footer-links a { outline: none;}
 #footer-copyright { padding: 0px 0 0 10px; float: left; }
 #footer-links { padding: 0px 0 0 5px; float: left; }
 #footer-fsa { padding: 0 0 0 10px; }
 #footer-reg-no { padding: 0 0 0 10px; }
 #footer-reg-address { padding: 0 0 10px 10px; }
 #footer-fsa-logo { float: right; margin: 2px 5px 0 0; background-color: #fff; }
 #footer-biba-logo { float: right; margin: 2px 5px 0 0; background-color: #fff; }

/* ----------------- MARGIN STYLES ----------------- */

.margin7-r { margin-right: 7px; }
.margin10-t { margin-top: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }
.margin10-t-r { margin: 10px 10px 0 0; }
.margin10-t-b{ margin: 10px 0 10px 0; }
.margin10-t-l{ margin: 10px 0 0 10px; }
.margin10-t-r-b { margin: 10px 10px 10px 0; }
.margin10-r-b { margin: 0 10px 10px 0; }
.margin10-l-b { margin: 0 0 10px 10px; }
.margin20-r { margin-right: 20px; }

/* -- Borders -- */
.border-r { border-right: 1px solid #fff; }
.border-l { border-left: 1px solid #fff; }

/* ----------------- ERROR STYLES ----------------- */
.error-box { width: 588px; border: 1px solid #c00; margin: 10px 0 10px 0; background-color: #fff; }
.error-title { width: 588px; height: 24px; background: url(../../images/error_title.gif) top left no-repeat #c00; }
.error-title p { display: none; visibility: hidden; }
.error-sign { float: left; width:50px; padding: 7px 7px 7px 7px; }
.error-message { float: left; width: 457px; padding: 7px 7px 7px 0; }
.error-message p { margin: 0; color: #c00; }

/*-- LIST ITEM STYLES --*/
.list-style {  font-size: 90%; padding: 0; margin: .3em 0 .3em 0; line-height: 1.3em; color: #6a4a21; list-style-type: none; background: url(../../images/li_background_strip.jpg) top left repeat-y; padding:  5px 5px 5px  25px !important; }
.list-style-alternative { color: #6b4f28; !important; background: url(../../images/brown_bullet_point.gif) top left no-repeat; margin: 0 25px 0 0 !important; padding:  0 0 5px 15px !important; }


/*--RIGHT HAND COLUMN LIST STYLES --*/
#rightListColumnContent { background-color: #cfab79; padding:  0 0 0 10px; }
#rightListColumnContent p { margin: 0px; color: #fff; }
#rightListColumnContent ul { margin: 0px; padding: 5px 0 0 0px; }
.rightListColumnContent_li { background-image: url(../../images/arrow.gif); background-repeat: no-repeat; padding: 0 3px 5px 15px; margin: 0; color: #fff; }
#rightListColumnCurveTop { background-image: url(../../images/rightListColumn_top.gif); background-repeat: no-repeat; width: 265px; height: 9px; overflow: hidden; margin: 20px 0 0 0; }
#rightListColumnCurveBottom { background-image: url(../../images/rightListColumn_bottom.gif); background-repeat: no-repeat; width: 265px; height: 9px; overflow: hidden; }

/*---- contact page ----*/
#contactAddress { float: left; }
#contact-us-button { background-image: url(../../images/send_us_a_message_button.gif); background-repeat: no-repeat; width: 145px; height: 27px; overflow: hidden; padding: 0 0 15px 0; }

/* ----- Google Map ------*/
#officemap { width: 465px; height: 265px; float: left;  margin: 0 0 15px 0; }