/*
-------------------------------------------------
URI: http://www./
Created by 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:#252525; }
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:2.2em; color:#0023A1; margin:0 0 12px 0; padding: 10px 0 }
h2 { font-size:1.8em; color:#0023A1; margin:20px 0 15px 0; font-weight:normal; line-height:0.8em; font-weight:bold; }
h3 { font-size:1.4em; color:#0023A1; margin:10px 0 20px 0; }
h4 { font-size:1.3em; color:#0023A1; margin:0 0 12px; line-height:1.3em; clear:both }
h5 { font-size:1.2em; color:#0023A1; margin:0 0 12px; }
h6 { font-size:1.1em; color:#0023A1; margin:0 0 12px; }
p { font-size:1.2em; color:#3f3f3f; margin:0 0 20px 0; line-height: 1.3em }
b { color:#0023A1; }
a { color:#0023A1; font-weight:bold; }
a:hover { color:#0023A1; text-decoration: underline}
a:visited { }
a:active { }
ul { margin:0 0 20px 0; font-size:1.1em; list-style:none; color: #3f3f3f  }
ol { margin:0 0 12px; font-size:1.1em; }
dl { margin:0 0 12px; font-size:1.1em; }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none; }
address { font-size:1.1em; color:#000; }
blockqoute { }
table { border-top:1px solid #ccc; border-left:1px solid #ccc; }
th,td { border-bottom:1px solid #ddd; border-right:1px solid #ccc; }
fieldset { border:1px solid #ccc; }
legend { background:#fff; }
label { font-size:1.1em; }
textarea,input[type=text],select { border:1px solid #000; background:#fff; font-size:11px; color:#000; }

/* 2.1 - index page */
a.logo { width:200px; height:282px; display: block; text-indent:-9999px; background:url(../images/logo.jpg); float: left; margin: 0 0 0 8px  }
.ttl-select-products { }
h2 span { font-size:.6em; font-weight:normal; display:block; text-transform:none; }

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

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

/* 3.2 - container */
div#container { width:860px; margin:20px auto; position:relative; text-align:left; background:#fff url(../images/global/bg.gif); padding-top:18px; }

/* 3.3 - header */
div#header { width:586px; margin:0 27px 0 30px; float:right; }

/* 3.4 - content */
div#content { }

/* 3.5 - primary content */
div#primary-content { width:586px; margin:0 27px 15px 15px; padding: 0 0 25px 0; float:right; border-bottom:solid 1px #e7e7e7; }
.bullet	 {list-style: none; font-size: 1.2em }
.bullet	li {background:url(../images/global/bullet.gif) no-repeat; color:#3f3f3f; margin: 8px 0 0 0; padding:0 0 0 12px }
body.index .bullet	li {width: 182px}
div#primary-content a.readmore {padding: 5px; background: #0023A1; color: #fff}
div#primary-content a.readmore:hover  { background: #001a76; text-decoration: none }

/* 3.6 - secondary content */
div#secondary-content { width:586px; margin:0 27px 15px 0; float:right; border-bottom:solid 1px #e7e7e7; }

/* 3.7 - tertiary content */
div#tertiary-content {  width:586px; margin:0 27px 100px 0; float:right; border-bottom:solid 1px #e7e7e7; }

/* 3.8 - footer */
div#footer { width:812px; padding:0 24px; margin:auto; }
div#footer span { display:inline; float:left; color:#fff; }
div#footer a { color:#fff; }
div#footer a:hover { color:#1f70ad; }

/* -----------------------------------------------
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:0; top:-500px; width:1px; height:1px; overflow:hidden; }
ul#skiplinks a:active,ul#skiplinks a:focus { position:static; width:auto; height:auto; }

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

/* 5.1 - nav */
div#primary-navigation { float:left; width:197px; padding:0px 10px 0px 0px; margin: 0 }
div#primary-navigation ul { border-bottom:solid 1px #e7e7e7; border-top:solid 1px #e7e7e7; list-style:none; font-size:1.4em; font-weight:bold; padding: 0 0 0 9px; }
div#primary-navigation ul li { margin-top:17px; }
div#primary-navigation ul li.last { margin-bottom:17px; }
div#primary-navigation ul li a { color:#0023A1; }
div#primary-navigation ul li a:hover { color:#000; text-decoration: none }
div#primary-navigation .current { color:#000; }
body.index div#primary-col1 { width:194px; float:left; }
body.index div#primary-col1 p { width:184px; }
body.index div#primary-2col-col1 { width:340px; float:left; padding:0 20px 0 0 }
body.index div#primary-col2 { width:194px; float:left; margin:0 2px; }
body.index div#primary-col2 p { width:184px; }
body.index div#primary-col3 { width:194px; float:left; }
body.index div#primary-col3 p { width:184px; }
body.index div#secondary-col1 { float:left; width:276px; }
body.index div#secondary-col2 { float:left; width:284px; margin:29px 0 0 19px; }
body.sub div#primary-col1 { float:left; width:276px; }
body.sub div#primary-col2 { float:right; padding-top:30px; }
body.sub div#secondary-col1 { width:194px; float:left; border-top:solid 8px #72a555; }
body.sub div#secondary-col1 p { width:184px; }
body.sub div#secondary-col2 { width:194px; float:left; margin:0 2px; border-top:solid 8px #72a555; }
body.sub div#secondary-col2 p { width:184px; }
body.sub div#secondary-col3 { width:194px; float:left; border-top:solid 8px #72a555; }
body.sub div#secondary-col3 p { width:184px; }
ul.footer-links { list-style:none; float:right; display:inline; font-size:1em; }
ul.footer-links li { display:inline; color:#fff; }


/* 5.2 - tabs */
#producttabs ul {background: none; margin: 5px 0 0 0 }
#producttabs .tabs-content {width: 580px; float: left}
#producttabs .tabs-leftcol {width: 270px; float: left; margin: 20px 0 0 0}
#producttabs .tabs-content ul {margin: 20px 0 20px 0; float: left; list-style: none; }
#producttabs .tabs-rightcol {width: 270px; float: left; margin: 20px 0 0 30px}
#block { width:610px; padding-right:5px; padding-left:5px; overflow:hidden; }
.htabs { overflow:hidden;  width: 580px; height: 32px; z-index: 20  }
.htabs a { list-style:none; float:left; width: 160px; height: 32px; display: block; font-size:1.0em; font-weight:bold; padding:12px 0 0 0; margin: 0 10px 0 0; text-align: center}
.bmod .bullet{background-color:#fff; margin: 0 0 0 0; padding:8px;
}
.htabs a:hover { /*color: #000;*/}
.htabs li { float:left; list-style:none; overflow:hidden;  }
.tabs { padding-top:30px; overflow:hidden; clear: both; width: 580px; margin:-1px 0 0 0;  }
.tabs li a:hover { padding-left:1px; }
.select { color:#000; background: url(../images/producttab.gif); background-position: 0 3px}


/* 5.3 - SEO */
div#basescript { width:812px; padding:0 24px; margin:60px auto 0 auto }
div#basescript p { text-align:left; color:#ccc; margin-bottom:0 }

ul#basewords { width:812px; padding:0 24px; margin:auto; float:none}
ul#basewords li { float:left; margin-right:8px; color:#aaa; font-size:0.9em }
ul#basewords strong { font-weight:normal }

/* -----------------------------------------------
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; }