/*
-------------------------------------------------
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:#e5e3d5 }
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.2em; 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.1em; color:#000; margin:0 0 12px 0 }
a {  }
a:hover {  }
a:visited {  }
a:active {  }
ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { color:#363636; font-size:12px; font-style:normal;}
blockqoute {  }
table { border-top:none;  border-left:none }
th, td { border-bottom:none; border-right:none }
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 */
h1.ttl-name {}
h2.ttl-select-products {}

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

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

/* 3.2 - container */
div#container { width:960px; margin:0 auto; position:relative; text-align:left;  }

/* 3.3 - header */
div#header { background:#FFFFFF  }
#logo{background:url(../images/global/other/permaflor-logo.jpg) #fff no-repeat; width:210px; height:90px; float:left; margin:0; text-indent:-9999px}

ul#primary-navigation {}





/* Navigation */

#home-btn {width:35px; height:98px; background:url(../images/global/navigation/home-btn.gif) no-repeat; display:block; padding:6px 0!important; text-indent:-3000px}
#primary-navigation li.hover #home-btn {background:url(../images/global/navigation/home-btn.gif) 50% -110px no-repeat!important; display:block; }


#one-point-btn {width:66px; height:98px; background:url(../images/global/navigation/one-point-btn.gif) no-repeat; display:block; padding:6px 0!important; text-indent:-3000px}
#primary-navigation li.hover #one-point-btn { background:url(../images/global/navigation/one-point-btn.gif) 50% -110px no-repeat!important; display:block;  }

#products-btn {width:60px; height:98px; background:url(../images/global/navigation/products-btn.gif) no-repeat; display:block; padding:6px 0!important; text-indent:-3000px}
#primary-navigation li.hover #products-btn { background:url(../images/global/navigation/products-btn.gif) 50% -110px no-repeat!important; display:block; }

#company-btn {width:65px; height:98px; background:url(../images/global/navigation/company-btn.gif) no-repeat; display:block; padding:6px 0!important; text-indent:-3000px}
#primary-navigation li.hover #company-btn {background:url(../images/global/navigation/company-btn.gif) 50% -110px no-repeat!important; display:block; } 

#contact-btn {width:55px; height:98px; background:url(../images/global/navigation/contact-btn.gif) no-repeat; display:block; padding:6px 0!important; text-indent:-3000px}
#primary-navigation li.hover #contact-btn {background:url(../images/global/navigation/contact-btn.gif) 50% -110px no-repeat!important; display:block;  } 

#services-btn {width:60px; height:98px; background:url(../images/global/navigation/services-btn.gif) no-repeat; display:block; padding:6px 0!important; text-indent:-3000px}
#primary-navigation li.hover #services-btn {background:url(../images/global/navigation/services-btn.gif) 50% -110px no-repeat!important; display:block;} 

#specifications-btn {width:84px; height:98px; background:url(../images/global/navigation/specifications-btn.gif) no-repeat; display:block; padding:6px 0!important; text-indent:-3000px}
#primary-navigation li.hover #specifications-btn {background:url(../images/global/navigation/specifications-btn.gif) 50% -110px no-repeat!important; display:block;} 

#applications-btn {width:75px; height:98px; background:url(../images/global/navigation/applications-btn.gif) no-repeat; display:block; padding:6px 0!important; text-indent:-3000px}
#primary-navigation li.hover #applications-btn {background:url(../images/global/navigation/applications-btn.gif) 50% -110px no-repeat!important; display:block;} 




dl#header-contact-details{float:right; padding:0 20px; margin:0px}
dl#header-contact-details dt{color:#999999; padding-top:0px}
dl#header-contact-details dd{color:#79287b}
.right-logo{padding-left:155px; margin:0px;}
/* 3.4 - content */
div#content { background:#fff; padding-bottom:40px }

div#flash-content{background:url(../images/global/backgrounds/flash-content.jpg) no-repeat; width:960px; height:205px; margin:0}

/* 3.5 - primary content */
div#primary-content { background:#fff; padding:5px 5px; margin:25px 0 0 0; width:200px; float:left; }
body.sub div#primary-content { background:#f4f2e6; padding:5px 5px; margin:18px 0 0 0; width:200px; float:left; }
div#primary-content p{line-height:18px; color:#666666}

div#primary-content dt{line-height:18px; color:#79287b; list-style:none; font-size:15px; font-weight:bold; padding-bottom:10px}
div#primary-content dt a{color:#79287b;}
div#primary-content dd{font-weight:600; line-height:16px; color:#333; list-style:none; padding-left:10px}
div#primary-content dd a{color:#363636;}
div#primary-content dd a:hover{color:#79287b;}
div#primary-content dd .current{color:#79287b;}

div#primary-content li{font-weight:bold; line-height:18px; color:#666666; list-style:none; padding-left:10px}
div#primary-content li a{color:#615e5e;}
div#primary-content li a:hover{color:#79287b;}
div#primary-content li .current{color:#79287b;}

.faq-section{width:300px!important; padding-top:13px!important;}
#faqs-ttl{background:url(../images/global/other/faqs.gif) no-repeat; width:198px; height:18px; text-indent:-9999px; margin:5px 0 5px 0}
#quick-links-ttl{background:url(../images/global/other/quick-links.gif) no-repeat; width:198px; height:18px; text-indent:-9999px; margin:30px 0 5px 0}

#questions-bg{background:url(../images/global/backgrounds/questions.jpg) no-repeat top left;}
#more-faqs-link a{float:right; color:#79287b!important; font-weight:bold; padding:5px 15px}
.highlighted a {color:#631974!important;}
.faq-array-list {padding:0px 0px 0px 90px; list-style:none; width:215px}
.faq-array-list dd {font-size:12px; font-weight:bold; line-height:25px}
.faq-array-list dd a{color:#999; display:block; background:url(../images/global/other/questions.gif) #e8e8e8 right no-repeat; margin:10px 0px; padding:0px 0 0  10px; height:20px; font-size:1.0em}

.faq-array-list dd a:hover{color:#999; background:url(../images/global/other/questions-hover.gif) #eae8d3 right no-repeat; margin:10px 0px; padding:0px 0 0 10px; display:block; }


.faq-answer{background:#eae8d2 url(../images/global/backgrounds/answers.jpg) no-repeat 0 0%; padding-bottom:50px }
.faq-answer h2{padding:15px  0 0 10px;}
.faq-answer p{padding:5px 10px; margin:0 }

/* 3.6 - secondary content */
div#secondary-content {width:440px; padding:25px 15px 0 15px; float:left; background:#FFFFFF; }
div#secondary-content h1, h2, h3 { color:#79287b;}
.secondary-content-sub {width:290px; }
.secondary-content-sub-wider {width:400px; }
.secondary-content-sub-wider p{ font-size:12px; color:#363636}

.secondary-content-sub-wider  a{color:#79287b; }
.news li{list-style:none; clear:left; padding:5px 0}
.news img{float:left;}
.news a{color:#79287b; padding:0 5px 0 5px;}
/* 3.7 - tertiary content */
div#tertiary-content { float:left; width:275px;  padding:25px 0 0 0}
div#tertiary-contentfaq { float:left; width:320px;  padding:25px 0 0 100px}
div#tertiary-contentfaq img{float:right;}

.home-right-image{background:#FFFFFF url(../images/global/other/home-image-right.jpg) bottom no-repeat;}
.raised-right-image{background:#FFFFFF url(../images/content/raised-floor-image-right.jpg) bottom no-repeat;}
.onepoint-right-image{background:#FFFFFF url(../images/content/onepoint-image-right.jpg) bottom no-repeat;}
.onepoint-list {padding-left:0px; font-size:1.2em}
.amspacing{margin:0;}

/* 3.8 - footer */
div#footer {  }

ul#footer-navigation{float:right; list-style:none;}
ul#footer-navigation li {float:left; padding:5px 5px;}
ul#footer-navigation li a{color:#333333;}
ul#footer-navigation li a:hover{color:#000;}


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

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

/*permaflor-list*/

.permaflor-list {list-style:none; float:left; width:200px}
.permaflor-list li {color:#363636; font-size:12px; padding:5px 0}
.permaflor-list li span {color:#825793;}

.products-list {padding-left:5px; font-size:1.2em}
.quick-links{padding-left:0px;}

/*Tables stylings*/
div#secondary-content-table {width:720px; padding:25px 15px 0 15px; float:left; background:#FFFFFF; }
div#secondary-content-table h1, h2, h3{ padding:10px 0 10px 0; color:#79287B; margin:0}

div#secondary-content-table p{ font-size:12px; color:#363636}
.secondary-content-sub-table {width:720px;  }
 .table-products{margin-bottom:0px} 
 .table-products th{padding:10px; background:#bbced2; border:1px #FFFFFF solid;}
 .table-products tr th  {font-size:11px; text-align:center}
 .table-products td{padding:3px; background:#dbe9ec;  border:1px #FFFFFF solid; text-align:center}
 

.table-key {margin:0;}
.table-key li { list-style:none; float:left; padding:5px; color:#363636; font-size:10px}

 .table-technical {margin-bottom:10px;}
 .table-technical td {padding:3px; border:1px #FFFFFF solid;  text-align:center}
 .table-technical tr {background:#dfdad4;  }
 .table-technical .alt-color{background:#eae7e2!important;}
 .table-technical th {padding:3px; border:1px #FFFFFF solid;  text-align:center}
 

 .table-bsen td {padding:3px; border:1px #FFFFFF solid; text-align:center}
 .table-bsen tr {background:#c3a8c7; font-size:11PX  }
 .table-bsen .alt-color{background:#efe4f0!important;}
 .table-bsen th {padding:3px; border:1px #FFFFFF solid; font-weight:bold;  text-align:center}


/*Side Panel Shortcuts links*/
dl.shortcuts-links { text-align:right; padding:0px; margin:0px}
dl.shortcuts-links dt{ background:#ac90ba; color:#FFFFFF!important; padding-top:10px; padding-right:5px}

dl.download-links {}
dl.download-links dt{ background:#ac90ba; color:#FFFFFF!important; padding-top:10px; padding-right:5px; text-align:right}
dl.download-links dd{float:right; padding:5px; text-align:center}
dl.download-links dd p{font-size:11px; width:50px}


/*Product Installation*/
.products-installation li{color:#363636; font-size:12px; padding:5px 0 0 10px; list-style:none}

/*Company Page*/
.company-groups {width:400px;}
.company-groups li{float:left; list-style:none}
.company-groups li img{float:left;}
.company-groups li p{ float:left; width:240px; padding:0 5px}
.company-groups li  a{color:#79287b; padding:0 5px 0 5px;}

/*Contact Page*/

.contact-page{font-style:normal; color:#363636; font-size:12px; padding:0px 0 0 0px; list-style:none}
.contact-page address{font-style:normal; color:#363636; font-size:12px;}
.contact-page dt{color:#79287b; padding:10px 0 0 0; font-weight:bold}
.contact-page dd{padding:5px 0;}
.contact-page a{color:#79287b; }
#tertiary-content iframe{padding-left:25px}
#tertiary-content small{padding-left:25px}


/*Services page*/

.services-downloads dt{color:#79287b; padding:10px 0 0 0; font-weight:bold}
.services-downloads dd{ float:left; width:65px}
.services-downloads dd p {font-size:10px; text-align:center}
.services-downloads dd img{padding:0 0 0 7px}
/*Galleria*/
	*{margin:0;padding:0}
	
	.caption{font-style:italic;color:#887; font-size:1.1em; margin-top:0px; float:left}
	.products_gallery{position:relative;margin-top:2em;}
	.gallery_products{width:275px;margin:0 auto;}
	.gallery_products li{width:50px!important;height:50px!important; border:3px double #111;margin: 0 2px;background:#000; list-style:none; display:block; float:left}
	.gallery_products li img{width:50px!important;height:50px!important}
	.gallery_products li p{font-size:10px;}
	.gallery_products li div{left:240px}
	.gallery_products li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto; height:235px; width:275px;background:url(../images/content/holderBEM600-cutaway.jpg) no-repeat;}
	#main_image img{margin-bottom:10px;}

	#main_image2{margin:0 auto; height:235px; width:275px;background:url(../images/content/holderBG600-cutaway.jpg) no-repeat;}
	#main_image2 img{margin-bottom:10px;}
/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */
#SEO h1{color:#666666; font-size:1.2em}
#SEO p{color:#666666; font-size:1.1em}

ul.basewords { float:left; list-style:none; margin:0 }
ul.basewords li { padding:5px; color:#333; float:left }
ul.basewords li strong { font-weight:normal }

.click-to-large-statement{float:left; position:relative; top:-75px; left:5px}
.list li{list-style:square; list-style-position:inside; color:#666; padding:2px 0}
.indent{margin-left:10px;}
.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 }