/*
-------------------------------------------------
URI: http://www.Fortetrinity.co.uk/
Created by Justin Lam, Forte Trinity
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:775px;  background:url(../images/backgrounds/tile.jpg) repeat-y center;  }
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:arial, verdana, "microsoft sans serif", helvetica, sans-serif; line-height:1.4em; color:#000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#000; margin:0 0 12px 0 }
h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p {  font-size:1.2em; color:#fff; margin:0 0 12px 0; line-height:180% }
a { color:#000 }
a:hover { color:#000; text-decoration:underline }

ul { margin:0 0 12px 0; font-size:1.2em }
ol { margin:0 0 12px 0; font-size:1.2em }
dl { margin:0 0 12px 0; font-size:1.2em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#000; font-style:normal; margin-bottom:20px }

table { border-top:none;  border-left:none; }
th, td { border-bottom:#fff thin solid; padding:0px 10px 0px 10px;  font-size:12px; }
fieldset { border:none }
legend { background:#fff; }
label { font-size:1.1em }
textarea, input[type='text'], select { border:1px solid #000; background:#fff; font-size:11px; color:#000 }
img { border:none }
blockquote { font-size:1.8em; color:#fff; line-height:150%; margin-bottom:10px }

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
div#container { text-align:left;  margin:0 auto; width:950px; background:url(../images/backgrounds/content-bg.jpg) #2e97c6 repeat-x 0px 205px }

/* 3.3 - wrapper */
div#wrapper {  }

/* 3.4 - header */
div#header { height:164px; width:950px;  }

div#flash-quotes { width:663px; float:right; height:164px; }

ul#contact-details { float:right; text-align:right }
ul#contact-details li { list-style:none }

/* 3.5 - content */
div#content { width:906px; margin:0 auto }

/* 3.6 - primary content */
body.index div#primary-content { float:left; margin-bottom:36px; }
body.index div#primary-content a{ color:#FFFFFF; text-decoration:underline;}
body.index div#primary-content a:hover{ color:#000; text-decoration:underline;}

/* 3.7 - secondary content */
body.index div#secondary-content { width:906px; float:left }
body.sub div#secondary-content { width:906px; float:left; margin-top:20px }

/* 3.7 - tertiary content */
body.sub div.tertiary-content { width:407px; float:left; padding-right:40px; margin-top:20px }
body.sub div.tertiary-content li { list-style:square; color:#fff; padding-bottom:15px; margin-left:17px }

/* 3.8 - page banner */
div#page-banner { clear:both; height:316px; width:906px; margin:0 auto }

/* 3.9 - footer */
div#footer { clear:both; height:50px; background:url(../images/backgrounds/footer-bg.jpg) repeat-x; padding:10px 7px; color:#fff }


/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }
div#text-resize { height:18px; text-align:right; background:url(../images/other/text-resize-bg.jpg) repeat-x; font-size:1.2em; padding:0 0 0 0 }

/* 4.2 - primary navigation */
ul#primary-navigation { list-style:none; font-size:1.1em; font-weight:bold; margin-bottom:30px }
ul#primary-navigation li {float:left; padding:0; margin:0; display:inline }
ul#primary-navigation a {height:23px; float:left; overflow:hidden;}
ul#primary-navigation li a.currentpage { background-position:50% -23px; border-bottom:none }
ul#primary-navigation li a:hover { background-position:50% -23px; border-bottom:none }
ul#primary-navigation li a.currentSection, ul#main-nav li a.currentSection:hover { background-position:50% -23px }

#index-btn {width:100px; text-indent:-3000px}
#index-btn a {width:100px; height:23px; background:url(../../_includes/images/navigation/index-btn.jpg) top left no-repeat; display:block }
#about-btn {width:148px; text-indent:-3000px}
#about-btn a {width:148px; height:23px; background:url(../../_includes/images/navigation/about-btn.jpg) top left no-repeat; display:block }
#who-should-btn {width:164px; text-indent:-3000px}
#who-should-btn a {width:164px; height:23px; background:url(../../_includes/images/navigation/who-should-btn.jpg) top left no-repeat; display:block }
#buy-btn {width:142px; text-indent:-3000px}
#buy-btn a {width:142px; height:23px; background:url(../../_includes/images/navigation/buy-btn.jpg) top left no-repeat; display:block }
#become-btn {width:145px; text-indent:-3000px}
#become-btn a {width:145px; height:23px; background:url(../../_includes/images/navigation/become-btn.jpg) top left no-repeat; display:block }
#contact-btn {width:101px; text-indent:-3000px}
#contact-btn a {width:101px; height:23px; background:url(../../_includes/images/navigation/contact-btn.jpg) top left no-repeat; display:block }
#excel-btn {width:150px; text-indent:-3000px}
#excel-btn a {width:150px; height:23px; background:url(../../_includes/images/navigation/excel-btn.jpg) top left no-repeat; display:block }
#case-studies-btn {width:164px; text-indent:-3000px}
#case-studies-btn a {width:164px; height:23px; background:url(../../_includes/images/navigation/case-studies-btn.jpg) top left no-repeat; display:block }

/* 4.3 - footer links */
ul#footer-links { float:right; list-style:none; font-size:1.1em }
ul#footer-links li {float:left; margin:0 0 0 5px}
ul#footer-links li a {color:#fff; text-decoration:none }
ul#footer-links li a:hover {color:#2e97c6} 
div#footer span {float:left; font-size:1.1em; margin:40px 0 0 0; color:#000 }
div#footer span a {color:#000; text-decoration:none }
div#footer span a:hover {color:#2e97c6}
div#footer-links {background:#000000;}

div#footer-forte span {float:left; font-size:1.1em; margin:0px 0 0 10px; color:#000 }
div#footer-forte span a {color:#000; text-decoration:none }
div#footer-forte span a:hover {color:#2e97c6}
div#footer-forte { width:950px; margin:0 auto; background:#FFFFFF;}
ul#footer-forte li {float:left; margin:0 0 0 5px}
ul#footer-forte li a {color:#fff; text-decoration:none }
ul#footer-forte li a:hover {color:#2e97c6} 


/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/* index page */
div.index-ctas { float:left; width:273px; margin-right:43px }
div.index-ctas.last { float:left; width:273px; margin-right:0px }
div.index-ctas h2 { width:263px; height:27px; background:url(../images/backgrounds/title-bg.gif) no-repeat; color:#fff; padding:10px 0 0 10px; margin:0 }
div.index-ctas li { list-style:square; color:#fff; padding-bottom:15px; margin-left:17px }
div.index-ctas p { line-height:140% }
div.index-ctas img { margin-bottom:15px }

div.sub-ctas { float:left; width:273px; margin-right:43px }
div.sub-ctas.last { float:left; width:273px; margin-right:0px }
div.sub-ctas h2 { width:263px; height:27px; background:url(../images/backgrounds/title-bg.gif) no-repeat; color:#fff; padding:10px 0 0 10px; margin:0 }
div.sub-ctas li { list-style:square; color:#fff; padding-bottom:15px; margin-left:17px }
div.sub-ctas p { line-height:140% }
div.sub-ctas img { margin-bottom:15px }
div.sub-ctas a {color:#FFFFFF; text-decoration:underline; font-weight:bold}
div.sub-ctas a:hover {color:#000; font-weight:bold}

div.sub-taster { float:left; width:585px; margin-right:43px }
div.sub-taster.last { float:left; width:273px; margin-right:0px }
div.sub-taster h2 { width:263px; height:27px; background:url(../images/backgrounds/title-bg.gif) no-repeat; color:#fff; padding:10px 0 0 10px; margin:0 }
div.sub-taster li { list-style:square; color:#fff; padding-bottom:15px; margin-left:17px }
div.sub-taster p { line-height:140% }
div.sub-taster img { margin-bottom:15px }
div.sub-taster a {color:#FFFFFF; text-decoration:underline; font-weight:bold}
div.sub-taster a:hover {color:#000; font-weight:bold}

#about-ttl { width:583px; height:20px; background:url(../images/backgrounds/about-title-bg.gif) no-repeat; margin:20px 0; padding:7px 0 0 10px}
#who-ttl { width:583px; height:20px; background:url(../images/backgrounds/who-title-bg.gif) no-repeat; margin:20px 0; padding:7px 0 0 10px; color:#fff}
#buy-ttl { width:583px; height:20px; background:url(../images/backgrounds/buy-title-bg.gif) no-repeat; margin:20px 0; padding:7px 0 0 10px; color:#fff}
#become-ttl { width:583px; height:20px; background:url(../images/backgrounds/become-title-bg.gif) no-repeat; margin:20px 0; padding:7px 0 0 10px; color:#fff}
#contact-ttl { width:583px; height:20px; background:url(../images/backgrounds/contact-title-bg.gif) no-repeat; margin:20px 0; padding:7px 0 0 10px }
#excel-ttl { width:583px; height:20px; background:url(../images/backgrounds/excel-title-bg.gif) no-repeat; margin:20px 0; padding:7px 0 0 10px; color:#FFFFFF; }
#taster-ttl { width:583px; height:20px; background:url(../images/backgrounds/taster-title-bg.gif) no-repeat; margin:20px 0; padding:7px 0 0 10px; color:#FFFFFF; }
#success-stories-ttl { width:911px; height:20px; background:url(../images/backgrounds/success-stories-title-bg.gif) no-repeat; margin:20px 0; padding:7px 0 0 10px; color:#FFFFFF; }
#success-stories-sub-ttl { width:601px; height:20px; background:url(../images/backgrounds/excel-title-bg.gif) no-repeat; margin:0 0 20px 0; padding:7px 0 0 10px; color:#FFFFFF; }

ul.no-bullet-list { line-height:140% }
ul.no-bullet-list li { list-style:none; padding:0; margin:0 }
ul.no-bullet-list li.bold { font-weight:bold }
ul.no-bullet-list a {color:#000; font-weight:bold; text-decoration:none }
ul.no-bullet-list a:hover {color:#333}


h1.sub-ttl-main { font-size:2.4em; color:#004d93; background:#fecd84; height:41px; padding:20px 0 0 25px  }
h2.sub-ttl-main { font-size:1.8em; color:#004d93; background:#fecd84; height:41px; padding:20px 0 0 25px  }
h2.index-ttl-main { background:url(../images/titles/index-ttl.jpg); text-indent:-9999px; width:689px; height:61px }



/*Vinces e-com ish part*/
#ecom-content { width: 600px }
#ecom-content h2 { padding: 20px 0 }
.product-list th {text-align:center;}
.product-list td {color:#FFFFFF; }
.product-list .product-desc {width:400px; padding:10px 40px 10px 10px}
.product-list .product-price {width:100px; padding:10px 0}
.product-list .product-qty {width:150px;}
.product-list form fieldset {padding:5px;}
.product-list form fieldset ul li {list-style:none; width:60px; }
.product-list form fieldset ul {width:150px;}
.product-list form fieldset ul .qty-label{float:left; padding:7px 3px}
.product-list form fieldset ul .add-button {width:50px; float:left; padding-top:3px}
.product-list form fieldset ul li label { padding:5px; display:block; text-indent:-9999px; float:left}
.product-list form fieldset ul li input { padding:5px}

.product-list form fieldset ul li .add-button{width:25px; height:25px; display:block}

#basketContents {margin:0 auto;}
#basketContents  tr { text-transform:uppercase; color:#FFFFFF}
#basketContents  td {padding:10px 0; color:#FFFFFF}
#basketContents .price {padding:25px 10px}
#basketContents .qty {padding:25px 10px}
#basketContents .edit form fieldset legend{float:left; display:block; text-indent:-9999px}
#basketContents .edit form fieldset label{float:left; display:block; text-indent:-9999px}
#basketContents .edit form fieldset input[type="text"] {float:left; padding:3px}
#basketContents  td form fieldset .submitbutton{float:left}

#basketContents .edit form fieldset .submitbutton{float:left;}
#basketContents .product-desc {width:400px; padding:25px 0px}



#customerDetails {list-style:none; margin:0 auto}
#customerDetails li{float:left; width:250px; padding-left:20px}
#customerDetails li h3 {color:#FFFFFF; padding:5px 0}
#customerDetails li h5 {color:#FFFFFF; padding-top:5px}
#customerDetails li dl dt {float:left; color:#FFFFFF; text-transform:capitalize; width:100px; font-weight:bold; padding:2px 0}
#customerDetails li dl dd { font-weight:normal; padding:2px 0}
/* banners */
div.banner-index { width:900px; background:url(../images/banners/index.jpg) no-repeat 0 50%; padding-top:30px }

/* basescript */
div#basescript { margin:0 auto; width:906px; text-align:left }
div#basescript h1 { font-size:1.1em; color:#000; margin-top:50px }
div#basescript p { font-size:1.1em; color:#000 }

/* compliance */
div#compliance { width:320px}
div#compliance li { list-style:none; line-height:160% }
div#compliance .bold-text { font-weight:bold }
div#compliance a {color:#FFFFFF; text-decoration:underline;}
div#compliance a:hover {color:#000; text-decoration:underline}


/*Justin's Extra Styling*/

.try-links-long {background:#62B4D9; border:1px solid #FFF;  font-weight:bold; padding:10px; width:570px;}
.try-links-long a{color:#000!important; text-decoration:underline}
.try-links-long a:hover{color:#fff!important; text-decoration:underline}

.try-links {background:#62B4D9; border:1px solid #FFFFFF; font-weight:bold; padding:10px;}
.try-links a{color:#000!important; text-decoration:underline}
.try-links a:hover{color:#fff!important; text-decoration:underline}



.larger-text{font-size:1.2em;}

#home-readmore { width:906px; float:left; padding-top:10px; text-align:right; padding-bottom:10px; font-size:12px;}
#home-readmore a { color:#FFFFFF;}
#home-readmore a:hover { color:#000; text-decoration:none;}
.logos{border:#000000 thin solid;}
.video-block{ float:right; width:274px;}
.intro-padding {padding-bottom:200px;}
.intro-padding a{color:#0066FF;}
.intro-padding a:hover{color:#0066FF;}
#contact-top {float:left; text-decoration:none; list-style:none;}
#contact-top li{ display:inline; padding:0px 20px 0px 20px; color:#FFFFFF; font-size:14px; font-weight:bold;}
#contact-top li a{ color:#FFFFFF; text-decoration:underline;}
#contact-top li a:hover{ color:#000; text-decoration:underline;}

/*pdf section*/


.pdf-download {margin-bottom:20px;}
.pdf-download a{ color:#FFFFFF; text-decoration:underline;}
.pdf-download a:hover{ color:#000; text-decoration:underline;}

.map-padding {padding-top:10px;}

/*TEMP*/
.home-readmore {float:right; padding-top:10px; text-align:right; padding-bottom:10px; font-size:12px; color:#FFFFFF;}
.home-readmore a {}
.home-readmore a:hover { color:#000; text-decoration:none;}
.more3 {padding-top:55px;}
.more2 {padding-top:0px;}
.more1 {padding-top:30px;}


/* assessors page - vince - 300908 */

#quote { float: right; margin: 0 0 10px 10px }

#home-right-col { width:273px;; margin-left: 22px }

#nearest-assessor { margin-top: 22px; width:273px; }
#nearest-assessor h2 { width:263px; height:27px; background:url(../images/backgrounds/title-bg.gif) no-repeat; color:#fff; padding:10px 0 0 10px; margin:0 0 0 0px }
form#assessor-map { position: relative; height: 380px; background: white url(../images/other/assessor_map.jpg) 50% top no-repeat }
form#assessor-map legend { text-indent: -9999px }
form#assessor-map ul { list-style: none }
form#assessor-map ul li { position: absolute }
form#assessor-map ul li label { background: #cff0ff; border: 2px solid white; float: left; padding: 2px; font-size: 11px; font-weight: bold }
form#assessor-map ul li#scotland { top: 40px; left: 140px }
form#assessor-map ul li#north { top: 125px; left: 170px }
form#assessor-map ul li#midlands { top: 180px; left: 185px }
form#assessor-map ul li#wales { top: 190px; left: 140px }
form#assessor-map ul li#south { top:225px; left: 200px }
form#assessor-map ul li#ireland { top: 140px; left: 60px }
form#assessor-map ul li#total_managers { padding: 0 4px; top: 324px } 
form#assessor-map ul li#total_managers label { background: white; border: none; margin-right: 5px }
form#assessor-map ul li#submit { top: 350px; right: 10px }

ul.assessors, ul.assessors ul { list-style: none; font-size:12px; }
ul.assessors ul, .highlight ul { list-style: none; margin: 0px; padding: 0 }
ul.assessors ul { margin-bottom: 10px }
ul.assessors li { padding:5px 10px 5px 20px; background:#62b4d9; margin:5px 0 }
ul.assessors li h3 { font-size: 1.2em; margin-bottom: 10px; line-height:200%; border-bottom:1px #2E97C6  solid }
ul.assessors ul li, .highlight ul li {margin: 0 20px 0px 0; padding:0 0 10px 0; border: none }
.highlight { background: #CFF0FF; padding: 20px; border: 2px solid white; margin-bottom: 10px }

ul.assessors address {color:#FFFFFF; font-weight:bold}
ul.assessors span {color:#FFFFFF;}



#results { width: 610px; float: left }


/* Success Stories */
#success-stories-main { width:601px; float:left; padding:0; margin:0 }
#success-stories-right-column { width:279px; float:right }

#success-stories-right-column blockquote { font-size:1.3em; background:url(../images/backgrounds/quote-mark.gif) no-repeat top left; padding:10px 0 0 52px; margin:50px 0 0 0 }
#success-stories-right-column blockquote p { line-height:140%}
#success-stories-right-column blockquote cite { font-weight:bold }
#success-stories-right-column blockquote cite a { color:#47449c; font-weight:normal }

#success-stories-right-column #click-to-buy { width:279px; margin:20px 0 0 0 }
/*#success-stories-right-column #click-to-buy a { width:177px; height:179px; background:url(../images/other/click-to-buy-btn.gif) no-repeat; display:block; text-indent:-9999px }*/
#success-stories-right-column #click-to-buy p { font-size:1.5em;}
#success-stories-right-column #click-to-buy h3 { clear:both; float:left; color:#edaf1b; margin:10px 0 50px 0 }

.side-title {background:#62B4D9; border:1px solid #FFFFFF; font-weight:bold; padding:10px; margin-top:20px; color:#47449C;}
.case-studies { width:599px; float:left; background:#47449c; margin:10px 0 0 0 }
.case-studies dt { background:#62b4d9; font-weight:bold; padding:8px 13px; margin:1px }
.case-studies dd { padding:12px 13px; font-size:0.9em }
.case-studies dd img { float:right; margin:0 0 15px 15px }
.case-studies dd a { color:#FFFFFF; text-decoration:underline;}
.case-studies dd a.read-more { float:right; width:254px; height:18px; background:url(../images/other/case-studies-read-more.gif) no-repeat; display:block; text-indent:-9999px; margin:0 0 20px 0 }
.no-pad { padding:0px; margin:0px;}

/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }
.bold-text { font-weight:bold }
.pad-top { margin-top:30px;}
.pad-bottom { margin-bottom:50px!IMPORTANT;}