/*
-------------------------------------------------
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 } q { quotes:"" "" } font { /* color:inherit */ !important; font: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 }
body.index { background:#fff /*url(../images/backgrounds/index-bg.jpg) top center no-repeat*/ }
body.sub, body.product { background:#fff }
ul { list-style:disc outside;
color:#5A595B; }
ol { list-style:decimal outside }

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

html { font-size:75%; font-family:Arial, Tahoma, verdana, Helvetica, sans-serif; line-height:1.8em; color:#000 }

h1 { font-size:18px; color:#009881; margin:0 0 12px 0 }
h2 { font-size:1.3em; color:#009881; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#009881; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#0756A0; margin:20px 0 12px 0 }
h5 { font-size:1.2em; color:#009881; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#009881; margin:0 0 12px 0 }
p {  font-size:1.2em; color:#5A595B; margin:0 0 12px 0 }
table {  font-size:0.9em; color:#5A595B}
a { color:#0756A0; }
a:hover { text-decoration:none;color:#009881; }
a:visited {  }
a:active {  }
ul { margin:0 0 12px 0; font-size:1.0em }
ol { margin:0 0 12px 0; font-size:1.2em }
dl { margin:0 0 4px 0; }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
/*address { font-size:1.1em; color:#fff; font-style:normal; margin:0 0 12px 0 }*/

legend { background:#fff; }
label {  }
textarea, input[type='text'] { vertical-align:text-top; border:1px solid #5A595B; border-radius:3px; background:#fff; font-size:11px; color:#5A595B; padding-left: 4px; margin-top:4px; }
select { width:80px;border:1px solid #5A595B; border-radius:3px; background:#fff; font-size:11px; color:#5A595B }

/* 2.1 - index page 
body.index h1.ttl-banner { background:url(../images/titles/banner-h1.gif) no-repeat; width:522px; height:88px; text-indent:-9000px; margin:0 0 40px 0 }
body.sub h1.ttl-banner { background:url(../images/titles/banner-h1.gif) no-repeat; width:522px; height:88px; text-indent:-9000px; margin:0 0 10px 0 }

h2.ttl-application { background:url(../images/titles/application.png) no-repeat; width:104px; height:19px; text-indent:-9000px; }
h2.ttl-product { background:url(../images/titles/product.png) no-repeat; width:72px; height:19px; text-indent:-9000px; }
h2.ttl-industry { background:url(../images/titles/industry.png) no-repeat; width:75px; height:19px; text-indent:-9000px; } */
h2.ttl-search-products-by { font-size:13px; } 
/*h2.ttl-contact-details { background:url(../images/titles/contact-details.gif) no-repeat; height:16px; border-bottom:solid 1px #001c35; text-indent:-9000px; padding:0 0 4px 0; margin:12px 10px 18px 10px }
h2.ttl-hose-details { background:url(../images/titles/hose-details.gif) no-repeat; height:16px; border-bottom:solid 1px #001c35; text-indent:-9000px; padding:0 0 4px 0; margin:40px 10px 18px 10px }
h2.ttl-hose-conditions { background:url(../images/titles/hose-conditions.gif) no-repeat; height:16px; border-bottom:solid 1px #001c35; text-indent:-9000px; padding:0 0 4px 0; margin:40px 10px 18px 10px }
h2.ttl-your-details { background:url(../images/titles/your-details.gif) no-repeat; height:16px; border-bottom:solid 1px #001c35; text-indent:-9000px; padding:0 0 4px 0; margin:12px 10px 18px 10px }
h2.ttl-anything-else { background:url(../images/titles/anything-else.gif) no-repeat; height:20px; border-bottom:solid 1px #001c35; text-indent:-9000px; padding:0 0 4px 0; margin:40px 10px 18px 10px }

h3.ttl-welcome-to-masterflex { background:url(../images/titles/welcome-to-masterflex.gif) no-repeat; height:16px; border-bottom:solid 1px #fff; text-indent:-9000px; padding:0 0 4px 0 }
h3.ttl-want-a-quote { background:url(../images/titles/want-a-quote.gif) no-repeat; width:698px; height:38px; text-indent:-9000px; margin:0 -1px 20px -16px  }

h4.ttl-contact-information { background:url(../images/titles/contact-information.gif) no-repeat; height:16px; border-bottom:solid 1px #fff; text-indent:-9000px; padding:0 0 4px 0 }
body.sub h4.ttl-contact-information { border:none; clear:left }
h4.ttl-latest-news { background:url(../images/titles/latest-news.gif) no-repeat; height:16px; border-bottom:solid 1px #fff; text-indent:-9000px; padding:0 0 4px 0; margin-top:40px }
*/
.product-ttl { font-size:1.6em; color:#009781; font-weight:bold; margin:0 }
.click-to-enlarge { background:url(../images/titles/click-to-enlarge.png) no-repeat; width:306px; height:24px; text-indent:-9000px; position:absolute; bottom:0; left:0; z-index:10 }
.choose-an-image { background:url(../images/titles/choose-an-image.png) no-repeat; width:306px; height:24px; text-indent:-9000px; position:absolute; top:62px; left:0; z-index:10 }
#search-ttl { background:url(../images/titles/search-ttl.gif) no-repeat; height:19px; text-indent:-9000px; }

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

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

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

/* 3.3 - header */
div#header { background:url(../images/global/head_slogan.png)  top right no-repeat; }
div#logo { float:left }
div#logo a { background:url(../images/global/masterflex_logo.png) no-repeat; width:356px; height:55px; display:block; text-indent:-9000px; }

/* 3.4 - banner */
body.index div#banner {
	width:934px;
	float:right;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 400;
}
body.index div#banner p { font-size:1.2em; }
body.index div#banner ul { list-style:none; margin:0 0 54px 0 }
body.index div#banner ul li { margin:0 25px 5px 0; float:left  }
body.index div#banner #index-tel { color:#5A595B; }
body.index div#banner #index-fax { color:#5A595B; }
body.index div#banner #index-email a {  color:#5A595B;  }
body.index div#banner #index-email a:hover { background-position:50% -21px }

body.sub div#banner { width:934px; float:right; padding:0 0 0 0 }
body.sub div#banner p { font-size:1.2em; margin:0 0 13px 0 }
body.sub div#banner ul { list-style:none; margin:0 0 54px 0 }
body.sub div#banner ul li { margin:0 25px 13px 0; float:left }
body.sub div#banner ul li.last { margin:0 0 13px 0; float:left }
body.sub div#banner #sub-tel { color:#5A595B; }
body.sub div#banner #sub-fax { color:#5A595B; }
body.sub div#banner #sub-email a { color:#5A595B; }
body.sub div#banner #sub-email a:hover { background-position:50% -14px }
body.product div#banner { width:934px; float:right; padding:0 0 0 0 }
body.product div#banner p { font-size:1.2em; margin:0 0 13px 0 }
body.product div#banner ul { list-style:none; margin:0 0 54px 0 }
body.product div#banner ul li { margin:0 25px 13px 0; float:left }
body.product div#banner ul li.last { margin:0 0 13px 0; float:left }
body.product div#banner #sub-tel { color:#5A595B; }
body.product div#banner #sub-fax { color:#5A595B; }
body.product div#banner #sub-email a { color:#5A595B; }
body.product div#banner #sub-email a:hover { background-position:50% -14px }

/* 3.5 - content */
div#content { margin:auto; clear:both; padding-bottom:5px;  }

body.sub div#content {/*background:url(../images/backgrounds/sub-content-top-light.png) top right no-repeat;*/ padding:150px 3px 5px 3px; margin:0 -3px }

body.product div#content {/*background:url(../images/backgrounds/sub-content-top-light.png) top right no-repeat;*/ padding:15px 3px 5px 3px; margin:0 -3px }


/* 3.6 - primary content */
body.index div#primary-content { margin-top:272px; }
body.sub div#primary-content { width:692px; float:right; padding:0 12px 25px 12px; margin:0 -9px; position:relative }
/*body.sub div#primary-content p { color:#222; padding:10px 10px 0 10px }*/
body.product div#primary-content { width:692px; float:right; padding:0 12px 25px 12px; margin:0 -9px; position:relative }
body.product div#primary-content p { color:#222; padding:10px 10px 0 10px }

/* 3.7 - secondary content */
body.index div#secondary-content { width:100%; float:left; padding:0 5px 0 5px; }
body.sub div#secondary-content { padding:0 10px; width:218px; }
body.product div#secondary-content { padding:0 10px; width:218px; }

/* 3.8 - tertiary content */
body.index div#tertiary-content { padding:5px 5px 5px 5px; width:307px; float:right; background-color:#CBEAF9 ;color:#0756A0;}
body.sub div#tertiary-content { width:415px; float:right; /*background:url(../images/backgrounds/quote-bottom.jpg) bottom center no-repeat;*/ margin:5px -3px 0 -5px; padding:0 273px 30px 16px }
body.sub div#tertiary-content p { color:#222; margin:0 0 20px 0 }
body.product div#tertiary-content { width:415px; float:right; /*background:url(../images/backgrounds/quote-bottom.jpg) bottom center no-repeat;*/ margin:5px -3px 0 -5px; padding:0 273px 30px 16px; }
body.product div#tertiary-content p { color:#222; margin:0 0 20px 0; }

/* 3.9 - footer */
div#footer { background:#CBEAF9; padding:5px 20px 5px 20px; color:#0756A0; }
div#footer a { color:#0756A0; }

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

/* 4.2 - navigation */
ul#primary-navigation { list-style:none; float:right; margin:0px 0 0 0;background-color:#C7CFE6; width:100%;}
ul#primary-navigation li { float:left; padding:5px 0 0 23px; position:relative }
ul#primary-navigation li:hover {background-color:#009881;}
ul#primary-navigation li:hover a { color:#E5F4FC; }
ul#primary-navigation li a { background-position:100% 0; }
ul#primary-navigation li a:hover { background-position:50% -46px;color:#E5F4FC; text-decoration:none; }
ul#primary-navigation li a.current { background-position:50% -92px }

/*a#home-btn { width:41px; height:46px; background:url("../images/navigation/home.gif") top left no-repeat; display:block; text-indent:-3000px; }
a#quote-btn { width:43px; height:46px; background:url("../images/navigation/quote.gif") top left no-repeat; display:block; text-indent:-3000px; }
a#products-btn { width:80px; height:46px; background:url("../images/navigation/products.gif") top left no-repeat; display:block; text-indent:-3000px; }
a#contact-btn { width:55px; height:46px; background:url("../images/navigation/contact.gif") top left no-repeat; display:block; text-indent:-3000px; }*/
a#home-btn {border-top-left-radius: 10px;}
a#quote-btn {}
a#products-btn {}
a#contact-btn {}

ul#primary-navigation li .sub {	position:absolute; top:33px; left:-120px; z-index:99999; background:#CBEAF9; padding:0; float:left; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px;	-webkit-border-bottom-right-radius:5px;	-moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; display:none; border-radius: 5px 5px 5px 5px;}
ul#primary-navigation li .sub p { margin:5px 0 0 5px; font-size:1.0em }
ul#primary-navigation li .row {	clear:both; float:left; width:100%; margin-bottom:10px; }
ul#primary-navigation li .sub ul { list-style:none;	margin:0; padding:0; float:left; }
ul#primary-navigation li .sub ul li { color:#0756A0; display:block; float:left; padding:0;border-radius: 5px 5px 5px 5px; }
ul#primary-navigation li .sub ul li a { float:left;	text-indent:0; display:block; text-decoration:none; padding:5px 10px 5px 5px; margin:0 0 0 0; color:#0756A0; font-size:0.9em;} 
ul#primary-navigation li .sub ul li a:hover { color:#fff;; }

div#secondary-navigation { display:block; margin:0 -9px 20px -13px; padding:8px 10px 5px 14px; float:left; width:210px }
div#secondary-navigation ul { list-style:none }
div#secondary-navigation ul li { border-bottom:1px solid #DDD; text-align:right;}
div#secondary-navigation ul li a { /*display:block;*/ background:#fff; padding:2px 5px 2px 5px; color:#A9AAAB;}
div#secondary-navigation ul li a:hover { text-decoration:none; background:#fff; color:#009881; }

/* 4.3 - buttons */
div.btn-view-products { position:absolute; bottom:0px;}
a.btn-view-products { background:url(../images/buttons/view-products.png) no-repeat; width:119px; height:27px; text-indent:-9000px; display:block }
a.btn-view-products:hover { background-position:0% -27px }
a.btn-search { background:url(../images/buttons/search.png) no-repeat; width:120px; height:27px; text-indent:-9000px; display:block }
a.btn-search:hover { background-position:0% -27px }
a.btn-get-a-quote{ background:url(../images/buttons/getaquote.png) no-repeat; width:119px; height:27px; text-indent:-9000px; display:block }
a.btn-get-a-quote:hover { background-position:50% -27px }
a.btn-view-product { background:url(../images/buttons/view-product.png) no-repeat; width:119px; height:27px; text-indent:-9000px; display:block }
a.btn-view-product:hover { background-position:0% -27px }

/* 4.4 - contact information */
ul.contact-info { list-style:none; color:#0756A0; }

/* 4.5 - footer elements */
dl.footer-list { list-style:none; float:left; text-align:left; display:block; padding-right:10px; font-size:1.1em }
dl.footer-list dt { color:#0756A0; font-weight:bold; margin:0 0 3px 0 }
dl.footer-list dd { color:#0756A0; margin:0 0 3px 0 }
dl.footer-list dd a { color:#0756A0 }

/* 4.6 - crumb */
ul.crumb { /*background:url(../images/backgrounds/crumb-bottom-light.png) bottom left no-repeat;*/ margin:-21px -7px 0 -7px; padding:5px 0 0 18px; list-style:none; position:relative }
ul.crumb li { font-size:11px; font-weight:bold; color:#9E9FA1; /*background:url(../images/global/arrow.gif) left center no-repeat;*/ padding:0 5px 0 0; float:left}
ul.crumb li.first { background:none; padding:0 6px 0 0;  }

/* 4.7 - pagination */
#pagination { font-size:1.2em; padding:5px 8px 0 8px } 
#pagination a { color:#222; }
#pagination a:hover { color:#009881 }
#pagelinks { float:right; width:50%; text-align:right }

#CatHeader li {float:left;color:#ffffff; padding:0 0 0 6px; list-style:none; position:relative}
#CatHeader li:first-child {padding-left:0px !important;}
ul.CatHeader {margin:0 0 0 0;}

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */
/* 5.1 - index ctas */
p#index-search { background:url(../images/backgrounds/index-cta-top-light.png) no-repeat; background-color:/*#E4E9ED*/; height:44px; width:934px; text-indent:-9000px; margin:0 0; position:relative; z-index:10 }
ul#index-ctas { background:url(../images/backgrounds/index-cta-bottom-light-small.png) bottom center no-repeat; padding:0 0 40px 15px; list-style:none; margin:0 0 0 0; }
ul#index-ctas li { width:275px; float:left; padding:0 0 0 10px; margin:0 20px 0 0;height:240px;position:relative;}
ul#index-ctas li.last { margin:0 }
ul#index-ctas li h2 { margin:-28px auto 10px 10px; position:relative; z-index:100  }
ul#index-ctas li p { color:#333; /*font-size:1.1em*/ }
ul#index-ctas li img {width:276px; margin:0 0 8px 0 }

/* 5.2 - product pages */
ul.product-list-item { list-style:none; margin:17px 9px 0 9px; border-bottom:solid 1px #c6ccd1; position:relative; }
ul.product-list-item li { width:221px; margin:0 5px 13px 0; float:left; height:145px; }
ul.product-list-item li.last { margin:0 0 13px 0 }
ul.product-list-item li dl {  }
ul.product-list-item li dl dt a { width:123px; /*float:right;*/ color:#009881; font-weight:bold; font-size:1.2em; margin:0 0 2px 0 }
ul.product-list-item li dl dd { width:123px; float:right; color:#001c35; font-size:1.0em; margin:0 0 8px 0; line-height:1.2em }
ul.product-list-item li dl dd.image { width:88px; float:left; margin:0 }
ul.product-list-item li dl dd.image a img { border:solid 2px #CCCCCC }
ul.product-list-item li dl dd.image a:hover img { border:solid 2px #009881 }
ul.product-list-item p { margin:0;width:123px; float:right; color:#001c35; font-size:1.0em; margin:0 0 8px 0; line-height:1.2em;}
div.product-container { padding:18px 11px 25px 11px	}
div.product-container dl { /*font-size:1.2em;*/ width:357px; float:left }
div.product-container dl dt { color:#0756A0; /*font-weight:bold;*/ padding:0 0 0 8px;  }
div.product-container dl dd { color:#5A595B }
div.product-container dl dd p { padding:0!important; margin:0; font-size:1.1em;color:#5a595b !important; }

div.product-images { float:right; width:306px; padding:12px 0 0 0 }
div.product-images div.large-img { background:url(../images/backgrounds/product-border.gif) no-repeat; width:304px; height:303px; float:left; padding:2px 1px 1px 1px; margin:0 0 8px 0; position:relative }
div.product-images div.large-img img { display:block; margin:auto }
div.product-images div.carousel-container { position:relative; display:block; width:306px; height:82px; float:left }

.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li, .jcarousel-item { float:left; list-style:none; width:150px; height:82px; }
.jcarousel-next { z-index:3; display:none; }
.jcarousel-prev { z-index:3; display:none; }
.jcarousel-container { width:306px; height:82px; float:left; background:url(../images/backgrounds/carousel-bg.gif) no-repeat; position: relative; }
.jcarousel-container-horizontal { padding:2px 0; }
.jcarousel-clip-horizontal { width:306px; height:82px; margin:auto }
.jcarousel-item { padding:0 0 0 2px }
.jcarousel-item-horizontal { width:77px; height:77px }
.jcarousel-item-horizontal img { display:block; margin:auto }
.jcarousel-item-placeholder { background:#fff; color:#000; }
.jcarousel-next-horizontal { position:absolute; right:1px; top:5px; width:16px; height:78px; cursor:pointer; background:transparent url(../images/global/right-arrow.gif) no-repeat 0 0; }
.jcarousel-next-horizontal:hover { background-position: 0px 0;}
.jcarousel-next-horizontal:active { background-position: 0px 0;}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:0px 0; }
.jcarousel-prev-horizontal { position:absolute; top:5px; left:1px; width:16px; height:78px; cursor:pointer;  background:transparent url(../images/global/left-arrow.gif) no-repeat 0 0; }
.jcarousel-prev-horizontal:hover { background-position: 0px 0; }
.jcarousel-prev-horizontal:active { background-position: 0px 0; }
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:0px 0; }

/* forms */
div#form-holder fieldset h2 { color:#001c35 }
div#form-holder ol { list-style:none }
div#form-holder ol li { padding:0 0 6px 0; float:left }

div#form-holder ol li.input { background:url(../images/backgrounds/form-input.gif) no-repeat; width:570px; display:block; }
div#form-holder ol li.input.curFocus { background-position:0 -66px }
div#form-holder ol li.input.input-error { background-position:0 -132px }

div#form-holder ol li.input-small { background:url(../images/backgrounds/form-input-small.gif) no-repeat; width:316px; display:block; }
div#form-holder ol li.input-small.curFocus { background-position:0 -66px }
div#form-holder ol li.input-small.input-error { background-position:0 -132px }

div#form-holder ol li.input-small-alt { background:url(../images/backgrounds/form-input-small-alt.gif) no-repeat; width:217px; display:block; }
div#form-holder ol li.input-small-alt.curFocus { background-position:0 -66px }
div#form-holder ol li.input-small-alt.input-error { background-position:0 -132px }

div#form-holder ol li.radio { background:url(../images/backgrounds/form-input-radio.gif) no-repeat; display:block; }
div#form-holder ol li.radio.curFocus { background-position:0 -66px }
div#form-holder ol li.radio.input-error { background-position:0 -132px }

div#form-holder ol li.textarea { background:url(../images/backgrounds/form-textarea.gif) no-repeat; width:570px; display:block; }
div#form-holder ol li.textarea.curFocus { background-position:0 -206px }
div#form-holder ol li.textarea.input-error { background-position:0 -412px }

div#form-holder ol li label { display:block; width:218px; padding:8px 9px 0px 5px; color:#222; float:left; text-align:right; cursor:pointer }
div#form-holder ol li.input-small-alt label { width:119px }
div#form-holder ol li input { width:288px; background:#fff; font-family:Tahoma, verdana, Arial, Helvetica, sans-serif; color:#1f4f7b; padding:0px; font-size:1.1em; margin:3px 0; border:none }
div#form-holder ol li.input-small input { width:71px }
div#form-holder ol li.input-small-alt input { width:71px }
div#form-holder ol li.radio input { width:13px; margin:9px 0 5px 0; float:left; background:none }
div#form-holder ol li.radio label.alt-lbl { width:123px; text-align:left; }
div#form-holder ol li textarea { width:288px; background:#fff; font-family:Arial, Tahoma, verdana, Helvetica, sans-serif; color:#1f4f7b; height:86px; padding:3px; font-size:1.1em; margin:5px 0; border:none }
div#form-holder ol li label span { font-size:0.9em; color:#ff0000 }
div#form-holder input.submit-btn { margin:10px 0 0 414px }
div#form-holder div.input-error { margin:0 0 0 231px; color:#FF7E39; font-size:0.8em; width:297px }
div#form-holder ol li.input-small div.input-error { width:86px }
div#form-holder ol li.input-small-alt div.input-error { width:86px; margin-left:132px }

div.message { background:url(../images/backgrounds/sent-alert.gif) bottom left no-repeat; width:672px; margin:10px; padding:0 0 10px 0 }
div.message h3 { background:url(../images/titles/message-sent.gif) no-repeat; width:672px; height:35px; text-indent:-9000px }
div.message p { padding:0 10px!important }

/* downloads */
dl.downloads { width:342px; background:url(../images/backgrounds/downloads-bottom.gif) bottom left no-repeat; padding-bottom:10px; margin-top:20px; position:relative }
dl.downloads dt { background:url(../images/titles/downloads.gif) no-repeat; width:342px; height:13px; text-indent:-9000px; margin:-13px 0 0 0;  }
dl.downloads dd { margin:0 0 12px 13px; background:url(../images/global/pdf-icon.gif) top left no-repeat; padding:0 0 0 25px; width:291px }
dl.downloads dd a { color:#222; text-decoration:underline }
dl.downloads dd a:hover { background:#222; color:#fff }

#basewords { list-style:none; margin:0 auto; clear:both; font-size:0.9em; font-weight:bold; }
#basewords li { float:left; color:#0756A0; margin-right:8px;line-height:1.2em;}
#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; clear:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }
.wrapper { margin:0 auto }
.alt-link { color:#00529c }
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*        CODE TAKEN FROM MASTERFLEX GROUP WEBSITE
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
.head_bar {
    height: 23px;
    left: 0;
    margin: 11px 0 30px;
    position: relative;
    top: 0;
    z-index: 1000;
}
.dropdown {
    background: url('../images/global/dropdown_head_bg.png') repeat scroll left top transparent;
    float: left;
    height: 22px;
    margin: 0 20px 0 0;
    overflow: hidden;
    width: 186px;
}
.dropdown span {
    color: #0756A0;
    cursor: pointer;
    display: block;
    height: 22px;
    padding: 0 11px;
}
.dropdown_label {
    color: #0756A0;
    float: left;
    margin: 0 8px 0 0;
}
#company_dropdown_box {
    background-color:#CBEAF9;
    height: 221px;
	display:none;
    left: 0;
    padding: 25px 20px 0 10px;
    position: absolute;
    top: 22px;
    width: 690px;
    z-index: 1337;
	opacity:0.95;
}
#company_dropdown_box .company_head {
    color: #0756A0;
    font: bold 15px/1 Arial,Helvetica,sans-serif;
    margin: 0 0 0 7px;
}
#company_dropdown_box .language, #company_dropdown_box p {
    color: #5A595B;
    font: bold 15px/1 Arial,Helvetica,sans-serif;
    text-decoration: none;
}
#company_dropdown_box .language:hover {
    text-decoration: underline;
}
#company_dropdown_box hr {
    background-color: #5A595B;
    border: medium none;
    height: 1px;
    outline: medium none;
}
#company_dropdown_box .five_column {
    float: left;
    margin: 0 0 0 7px;
    width: 130px;
}
#company_dropdown_box h4 {
    color: #0756A0;
    margin: 0 0 5px;
}
#company_dropdown_box ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#company_dropdown_box li {
    line-height: 1.5;
}
#company_dropdown_box li a {
    color: #5A595B;
    text-decoration: none;
}
#company_dropdown_box li a:hover {
    text-decoration: underline;
}
.metanav_head {
    float: right;
    list-style-type: none;
    margin: 0 5px 0 0;
    padding: 0;
}
.metanav_head li {
    color: #0756A0;
    float: left;
}
.metanav_head a {
    color: #0756A0;
    padding: 0 5px;
    text-decoration: none;
}
.metanav_head a:hover {
    color: #86D0F1;
    text-decoration: underline;
}
#jobimg {
	padding-left:16px;
}
.sliderimage {
	position:absolute;
	float:left;
	/*width:410px;*/
	border-bottom-right-radius: 10px;
}
.rounded {
	border-top-left-radius: 10px;
}
.allrounded {
	border-radius: 10px;
}
.blueback {
	background-color:#CBEAF9; 
	display:block;
	padding-left:15px;
}
.bluebacknoscript {
	background-color:#CBEAF9;
	padding-left:15px;
}
.bluebackpad {
	background: url("../images/titles/dropdown_button.jpg") no-repeat scroll 100% 0 transparent;
    color: #0756A0;
    cursor: pointer;
    font: 12px/23px Arial,Helvetica,sans-serif;
	margin-top:12px;
}
.largebutton {
    width:162px;
    height:60px;
    font-size:12px;
 }
<!-- product table css from german site -->

#product_table {
    margin-bottom: 20px;
	width:100%;
}

#product_table th {
    background-color: #0756a0;
    border: 1px solid #cbeaf9;
    padding: 5px;
    color: #fff;
    font-size: 10px;
    vertical-align: top;
	
	text-align:center;
	
}
#product_table td {
    background-color: #dce1e5;
    /*border: 1px solid #cbeaf9;*/
    padding: 0 5px;
    text-align: center;
    font-size: 10px;
	text-align:center;
}
body.extrapage ul {
	margin-bottom:0px;
	list-style:none;
}
.social {
	list-style-type:none;
	float:right;
}
.social li {
}
.vidlink {
float:left;
}
.vidlink:hover {
margin-left:4px;
}
#vidtitle {
	position:relative;
	width:405px;
	margin-top:-230px;
	padding-bottom:205px;
	text-align:center;
	font-size:18px;
	pointer-events:none;
	color:#0055A1;
}
.redink {
color:red;
margin-left:4px;
}
.backgroundblack {
	background-color:rgba(0,0,0,0.2);
}
::selection { /* Safari */
	background-color:#C7CFE6;
	color:#009881;
	}
::-moz-selection { /* Firefox */
	background-color:#C7CFE6;
	color:#009881;
}
#testimonials {
	width:400px;
	height:225px;
	overflow:hidden;
	border:1px solid;
	border-radius:10px;
	margin-top:8px;
}

#testimonials p {
background-color:#fff;
width:180px;
padding:5px;
text-align:center;
}

/* ------- facebook feed --------*/

#fbcontainer div:last-child {
	display:none;
}
.fbitem {
width:45%;
padding:10px;
border-bottom:1px solid;
height:300px;
overflow:hidden;
position:relative;
float:left;
}
.fbposted {
	position:absolute;
	bottom:0px;
	left:0px;
	Height:25px;
}
.fbmessage {
	font-size:larger;
	color:#009881;
}
#u_0_6{overflow:visible !important; width:450px !important; margin-right:-375px;margin-top:-250px;}

#sliderholder {
	position:absolute;
}

.bannercell1 {
	width:100%;
	position:relative;
	float:left;
	height:263px;
}
.bannercell2 {
	background:url("http://www.masterflex.de/fileadmin/templates/img/slidebox_text_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	color:#ffffff;
	height: 122px;
    left: 0;
    padding: 12px 0 0 16px;
    position: absolute;
    width: 745px;
    z-index: 13370;
	margin: 129px 0 0 0;
}

.bannercell2 p, .bannercell2 H1, #pageTEXTdiv p, #pageTEXTdiv H1 {
	color:#ffffff;
	margin:0 34px;
	line-height:1.2em;
}
	
#delivery {
	 visibility:visible;
	 z-index:99999;
	 position:absolute;
	 top:0px;
	 margin-left:-150px;
	 width:150px;
	 height:100px;
	 background-image:url(/_includes/images/buttons/van-small.jpg);
	 background-repeat:no-repeat;
	 background-size:140px auto;
	 opacity:0.9;
}

#promo_slider {}
.right_column {
	width:500px;
	float:left;
	position:relative;
	text-align:left;
	margin:10px 0 0 15px;
}
#promotion_slider {
	height:170px;
	margin:0 0 5px ;
}
.promotion_boxes {
	display:none;
	float:left;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:510px;
}
.promotion_headline {
    background: url("http://www.masterflex.de/fileadmin/templates/img/promotion_headline_bg.png") no-repeat right top;

    width: 424px;
    height: 40px;

    position: absolute;
    top: 65px;

    z-index: 100;
}

.promotion_headline h1 {
    margin: 0;
    padding: 0 10px;

    font-weight: normal;
    line-height: 40px;
    color: #fff;
}

.promotion_headline a {
    text-decoration: none;
    font-weight: normal;
    line-height: 40px;
    color: #fff;
}

.promotion_headline a:hover {
    text-decoration: underline;
}

.promotion_text {
    position: absolute;
    top: 115px;
    z-index: 100;
}

.promotion_text p {
    font: normal 13px/1.5em Arial, Helvetica, sans-serif;
}

.promotion_text a {
    text-decoration: none;
}

.promotion_text a:hover {
    text-decoration: underline;

    color: #5a595b;
}

.promotion_img {
    width: 510px;
    overflow: hidden;
    position: absolute;
    top: 0; left: 0;
    z-index: 90;
}

.progress_buttons {
	visibility:hidden;
}

.progress_buttons ul {
    margin: 10px 6.5px;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0; right: 0;
    z-index: 2012;
	
}

.progress_buttons li {
    background: url("http://www.masterflex.de/fileadmin/templates/img/progress_buttons.png") -13px 0;
    height: 13px;
    width: 13px;
    margin: 0 4.5px;
    float: left;
    cursor: pointer;
}

.progress_buttons li:hover,
.progress_buttons .current {
    background-position: 0 0;
}
#pageTEXTdiv {
	position:absolute;
	top:-140px;
	left:-210px;
	right:200px;
	z-index:99999;
	color: #ffffff;
}
.fb-like {
	padding:0 0 5px 0;
	height:20px;
}