/*====================================================================

Project: RICOH PRINT PRODUCTION V2
Copyright: 2012 February
Author: Neil Thorne | Proof Digital Ltd
Company URL: http://www.itsproof.co.uk

Creation date: 13-Feb-2012

===========[TABLE OF CONTENTS]===========

1. BASE
-1.1. CSS Reset [RES]
-1.2. Global Settings [GLO]
-1.3. Text Formatting [TXT]
-1.4. Common Formatting [COM]
-1.5. Links [LIN]
-1.6. Forms [FOR]
-1.7. Tables [TAB]
-1.8. Global Classes [CLA]
-1.9. Grid Classes [GRI]
-----
2. CONTENT
-2.1. Wrapper [WRA]
-2.2. Header [HEA]
-2.3. Nav [NAV]
-2.4. Footer [FOO]
-2.5. Content [CON]
-----
3. PARTS & MODULES



/* =================================
1. BASE STYLES
==================================== */


/* =[RES]= CSS Reset - derivative of YUI Reset CSS - http://developer.yahoo.com/yui/reset/#code ===== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, /* HTML 5 elements */ abbr, article, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0; border: none;
	line-height: 1;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: .1em;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}




/* =[GLO]= Global Settings ===== */
html {overflow-x: hidden; font-size: 125%; /* font size conversion em */ }
body {font: 50% "Lucida Sans", "Lucida Grande", arial,  sans-serif; /* base font size 1em (10px) */ background: #fff url(../images/base/lbt-body-bg.png) repeat-x 0 110px; color: #333; }


/* =[TXT] Text Formatting ===== */
p {margin: 0 50px 20px 0; font-size: 1.3em; line-height: 1.5em; color: #666;}

h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
h1 {font-size: 3em; line-height: 1.1em; padding-top: 10px;}
h2 {font-size: 2.4em; line-height: 1.2em; margin: 10px 0 10px 0;}
h3 {font-size: 1.8em; margin: 15px 0; }
h4 {font-size: 1.6em; margin: 5px 0 18px 0; line-height: 1.2em;}
h5 {font-size: 1.4em; margin: 0; line-height: 1em; padding: 0; font-weight: bold;}
h6 {font-size: 1.4em; margin: 25px 0 12px 0; line-height: 1em; padding: 0; }

.title30 {font-size: 3em; margin: 25px 0 15px 0;}
.title24 {font-size: 2.4em;}


/* =[LIN]= Links ===== */
a {background-color: transparent; color: #09889b; outline: medium none; text-decoration: none; cursor: pointer;}
a:hover {text-decoration: none; color: #ff6600;}
a:active {color: #0000CC;text-decoration: none;}

a.more {background: url(../images/icons/bc-arrows-right.png) no-repeat left; padding-left: 15px;}


/* =[BUT]= Buttons ===== */
.btn, #form2_submit, #filter {
	background: url(../images/btn/btn-orange.png) repeat-x top; background-position: 100% 0; color: #fff;
	font-size: 1.6em; line-height: 34px; height: 34px; display: inline-block; width: auto; position:relative; font-weight:bold; text-transform: uppercase;
	-webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ff6803;text-shadow: 0 1px 0 #555; padding: 0 15px;
	}
.btn:hover, #form2_submit:hover, #filter:hover {text-decoration:none; color:#fff; background-position: 100% -34px;}

.btn.grey {
	background: url(../images/btn/btn-grey.png) repeat-x top; font-size: 1.2em; 
	line-height: 32px; height: 32px; border: 1px solid #c8c8c8; text-transform: none; color: #666; text-shadow: none;
	}
.btn.grey:hover {text-decoration:none; color:#fff; background-position: 100% -32px;}



/* =[COM] Common Formatting ===== */
ul, ol {margin: 0 30px 25px 15px; padding: 0; font-size: 1.4em; line-height: 1.4em; float: none; }
ul ul {font-size: inherit; margin: 8px 20px;}

li {padding: 0 0 0 10px; margin: 0;}

ul.check {list-style: none; margin: 0 30px 25px 40px;}
ul.check li {background: url(../images/icons/green-tick.png) no-repeat top left; padding-left: 30px; margin-bottom: 15px;}

ul.arrows {list-style: none; margin: 0 20px 25px 0;}
ul.arrows li {background: url(../images/icons/bullet-arrows-right.png) no-repeat left; padding-left: 0; margin-bottom: 15px; margin-left: 0; }

.side ul {list-style: none; font-size: 1.3em; margin: 15px 0 0 -10px; padding: 0;}
.side li {padding: 0 0 0 10px; line-height: 26px; background: url(../images/icons/side-nav-arrow-right.png) no-repeat 183px 9px; }
.side li.active {background: url(../images/parts/side-nav-current.png) no-repeat left; line-height: 34px; }
.side li.active a {color: #ff6600;} 

div.news-group ul  {list-style: none; font-size: 1.2em; margin: 10px 0 30px 20px; padding: 0; color: #999;}
div.news-group ul li  {padding: 0 0 0 10px; line-height: 18px; background: url(../images/icons/bullet-arrows-right-sm.png) no-repeat left; }
ul.news-group {list-style: none; font-size: 1.2em; margin: 10px 0 30px 20px; padding: 0; color: #999;}
ul.news-group li {padding: 0 0 0 10px; line-height: 18px; background: url(../images/icons/bullet-arrows-right-sm.png) no-repeat left; }


ul.pagination {border:0; margin:15px 0; padding:0;}
ul.pagination li {border:0; margin:0; padding:0;font-size:11px;list-style:none; line-height: 18px;}
ul.pagination a {border:solid 1px #DDDDDD;margin-right:2px;}
ul.pagination li.previous-off,
ul.pagination li.next-off {color:#999;display:block;float:left;font-weight:bold;padding:1px 4px;}
ul.pagination .next a,
ul.pagination .previous a {font-weight:bold; border: solid 1px #fafafa!important; background: #fafafa!important;} 
ul.pagination .active {color:#ff0084;font-weight:bold;display:block;float:left;padding:1px 6px;}
ul.pagination a:link,
ul.pagination a:visited {display:block;float:left;padding:1px 6px;text-decoration:none; background: #fff;}
ul.pagination a:hover{border:solid 1px #666666;}

.paginationwidget { clear: both; }
.paginationwidget ul {
	margin: 16px 0 8px 0;
	list-style: none;
	text-align: center;
}

.paginationwidget li {
	margin: 0 1px;
	display: inline;
}

.paginationwidget li a {
	padding: 4px;
	text-decoration: none;
	border:solid 1px #DDDDDD;
}

.paginationwidget li a:hover {
	border:solid 1px #666666;
}

hr {background-color: #e5e5e5; border-width:0; color: #e5e5e5; height:1px; line-height:0; page-break-after: always; clear:both; width: 100%; margin: 15px 0;}


/* =[GLC]= Global Classes ===== */
.clear {clear: both; overflow:hidden; }

.small {font-size: 1.1em;}
.strapline, .intro {font-size: 1.6em; line-height: 1.3em;}
.oblique {font-style: italic; color: #999; font-weight: normal;}
.indent {margin-left: 15px;}
.reset {margin: 0 !important; padding: 0 !important; border: none !important; float: none !important;}
.overflow {overflow: hidden;}

img {display: inline;}
sup {position: relative;bottom: .3em;vertical-align: baseline;}
sub {position: relative;bottom: -.2em;vertical-align: baseline;}
pre {font-size: 1.2em; margin: 0 0 10px;}
strong {font-weight: bold !important;}

.float-left { float: left!important; }
.float-right { float: right!important; }
.align-left { text-align: left!important; }
.align-center { text-align: center!important; }
.align-right { text-align: right!important; }
.align-justify { text-align: justify!important; }
.align-bottom { vertical-align: bottom!important; }

.border-bottom {background: url(../images/base/border-light.gif) repeat-x bottom;   margin-bottom: 15px !important;}
.no-pad-top {padding-top: 0 !important;}

.push-top {margin-top: 25px!important;}
.push-top-ext {margin-top: 40px!important;}
.push-bottom {margin-bottom: 15px!important;}
.push-bottom-med {margin-bottom: 25px!important;}
.push-bottom-ext {margin-bottom: 80px!important;}

.imgInset {border: 1px solid #cbcbcb; margin: 0 15px 10px -10px;}
.imgTitle {border: 1px solid #cbcbcb; margin: 0; }
.imgcenter{margin: 0 auto;display:block}
.imgmiddle{vertical-align:middle;margin-right:8px;}
.imgopt{margin:-10px auto 15px auto;display:block}
.imgleft{float:left; margin:4px 13px 12px 0px;}
.imgright{float:right; margin:4px 0px 12px 13px;}

blockquote {
	background: url(../images/parts/blockquote-start.png) no-repeat top left; width: auto; 
	margin: 15px 0 20px 0; padding: 20px 0 0 28px; padding-right: 5px; 
	font-size: 1.8em; line-height: 1.2em; color: #666;
}
blockquote p {font-size: .8em!important;}
blockquote p.quote-credit {font-size: .6em!important; margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-style:normal;}
blockquote.alt {font-size: 1.6em!important; margin-right: 30px;}


/* =[ICO]= Icons ===== */
.ico-category {background: url(../images/icons/ico-category.png) no-repeat left; padding-left: 30px;}
.ico-folder {background: url(../images/icons/ico-folder.png) no-repeat left; padding-left: 30px;}
.ico-profile {background: url(../images/icons/ico-profile.png) no-repeat left; padding-left: 30px;}


/* =================================
2. CONTENT STYLES
==================================== */

/* =[WRA]= Wrapper ===== */
#wrapper {width: 960px; margin: 0 auto 20px auto; padding: 0; overflow: visible;}
#inner {width: 880px; margin: 20px 10px; position: relative; }

/* =[HEA]= Header ===== */
header {width: 960px; height: 110px; margin: 0 auto 10px auto; position: relative; background: url(../images/base/lbt-header-bg.png) repeat-x bottom;}
header #lbt-logo {background: url(../images/base/lbt-header-logo.png) no-repeat; display: block; width: 227px; height: 45px; text-indent: -9999px; position: absolute; bottom: 20px; left: 0;}

header #hdSearch {width: 430px; height: 40px; background: url(../images/icons/hd-tel.png) no-repeat left; position: absolute; top: 5px; right: 5px; font-size: 1.3em; line-height: 40px; padding: 0 0 0 25px;}
header #hdSearch .tel {color: #666; border-right: 1px solid #CCC; padding-right: 10px; margin-right: 5px; font-family: Arial, Helvetica, sans-serif;}
header #hdSearch a {color: #ff6600 !important; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

header #hdSearch form {margin: 0; float: right; padding: 0;}
header #hdSearch form #q {width: 150px; background: #f7f7f7 url(../images/icons/hd-search.png) no-repeat 5px 4px; border: 1px solid #ccc; font-size: 1em; padding: 5px 5px 5px 28px;}
header #hdSearch form #dosearch, header #hdSearch form label { display: none; }

/* =[LAY]= Layout ===== */
.fullCol {width: 880px; float: left; margin: 10px 0 10px 10px; }
.mainCol {width: 585px; float: left; margin: 10px 0 10px 10px; }
.sideCol {width: 275px; float: right; margin: 10px 10px 0 10px;}
.left-side-bar {background: url(../images/base/lhs-bg.png) no-repeat top right; min-height: 400px;}
.right-side-bar {background: url(../images/base/shade-left-bg.png) no-repeat top left; min-height: 400px;}

.right-side-bar h4 {margin: 20px;}

/* Conversion Page Layout */
#conversionSpacer {height: 20px; background: #f5feff;}
#conversionCol {width: 590px!important; padding-left: 40px!important; float: right; background: url(../images/base/shade-left-bg.png) no-repeat top left; min-height: 400px; border-top: 1px solid #eaeaea; }

#conversionSide {width: 330px; float: left; background: url(../images/parts/conv-side-apirational-1.jpg) no-repeat top left; min-height: 400px; padding-top: 290px;}
#conversionSide blockquote {margin: 15px 15px 30px 15px;}
#conversionSide ul.check {font-size: 1.2em; margin-right: 30px; }
#conversionSide ul.check li {padding-left: 35px;}
#conversionSide h4 {margin-left: 40px; color: #aaa; font-style: italic;}

/* =[GRI]= Grid ===== */
.xgrid { width: 960px; margin: 0 auto; position: relative;}

.x1 			{ width: 60px; }
.x2 			{ width: 140px; }
.x3				{ width: 220px; }
.x4 			{ width: 300px; }
.x5 			{ width: 350px; }
.x6 			{ width: 460px; }
.x7 			{ width: 510px; }
.x8 			{ width: 620px; }
.x9 			{ width: 700px; }
.x10 			{ width: 780px; }
.x11 			{ width: 860px; }
.x12			{ width: 940px; }

.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12  {margin: 0 10px 1.5em 10px; float: left; padding: 8px 0; overflow: hidden;}
.xrborder {border-right: 1px solid #e9e9e9; margin-right: 9px!important;}
.xlborder {border-left: 1px solid #e9e9e9; margin-left: 9px!important;}
.xoverflow {overflow: visible;}



/* =[FOO]= Footer ===== */
footer {background: #eaf6f7 url(../images/base/lbt-footer-border-top.png) repeat-x top; padding-top: 30px;}
footer.sub {background: #09889b; height: 50px; padding: 0;}
footer .footer-inner {width: 960px; margin: 0 auto; }

#copyright {color: #fff; float: left; font-size: 1.1em; line-height: 50px; background: url(../images/base/lbt-footer-logo.png) no-repeat left; padding-left: 35px;}
#FtrNav {margin: 0; float: right; width: 300px; font-size: 1.2em;}
#FtrNav li {display: inline; padding: 0; margin: 0; float: right; line-height: 50px; }
#FtrNav li a {margin: 0 5px; color: #bbdee3; font-weight: bold; text-decoration: none;}
#FtrNav li a:hover {color: #fff;}

footer ul.foot-links {margin: 0; padding: 0; list-style: none; font-size: 1.2em;}
footer ul.foot-links li {padding: 0; line-height: 1.4em;}
footer ul.foot-links li a {color: #333; text-decoration: none;}
footer ul.foot-links li a:hover {color: #ff6600 !important;}

footer .x2 h4 {margin-top: 10px;}
footer .x6 {background: #f5fbfb; border: 1px solid #dbe1e1; padding: 15px 20px; width: 418px;}
footer p {font-size: 1.2em!important; line-height: 1.4em; margin-bottom: 15px; margin-right: 0;}
footer p.fleft {width: 180px; float: left;}


/* =================================
3. NAVIGATION
==================================== */

/* =[NAV]= Nav ===== */
#top-nav {margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0; right: 0; z-index: 50; font-family: Arial, Helvetica, sans-serif;}
#top-nav li { display: inline-block;float: left; padding: 0; margin: 0; position: relative;}
#top-nav li img.drop-icon {position: absolute; bottom: 17px; right: 9px;}

#top-nav a#navHome { padding: 7px 7px 1px 7px; }
#top-nav li.current a#navHome {padding-bottom: 5px;}

#top-nav a { color: #333; font-size: .85em!important; float: left; padding: 7px; font-weight: normal; text-decoration: none; font-weight: bold; margin-bottom: 5px;}
#top-nav a.drop {padding-right: 20px;}
#top-nav a:hover {color: #fff; background: #057e98;}
#top-nav a.drop:hover {color: #fff; background: #057e98;}
#top-nav li.current a {color: #ff6600 !important; background: url(../images/base/lbt-nav-current-bg.png) no-repeat center bottom; margin-bottom: 0!important; padding-bottom: 10px;}
#top-nav li.last {margin: 0;}

#top-nav li .sub {
	position: absolute;	top: 38px; left: 0;
	background: #09889b;
	padding: 10px 5px; float: left;
	width: 260px!important;
	display: none; z-index: 10;

}
#top-nav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
#top-nav li .sub ul {list-style: none; margin: 5px 10px 10px 10px!important; padding: 15px!important; width: 210px; float: left; border: none!important; background: #fff;}
#top-nav li .sub ul.wide {width: 320px;}
#top-nav .sub ul li {
	width: 100%; color: #fff; display: block;
	background: url(../images/base/lbt-nav-sub-arrow.png) no-repeat right !important;
	border-bottom: 1px dotted #a9a9a9; border-left: none; 
	font-size: .9em; height: 30px!important;line-height: 30px; padding: 0;
	text-align: left; 
	}
#top-nav .sub h4 {font-weight: bold; margin: 10px!important; padding: 0; color: #fff; font-size: 1.4em!important;}

#top-nav .sub ul li a {
	float: none; text-indent: 0; border: none;
	background: none;
	/*--Reset text indent--*/padding: 0; margin: 0!important;
	display: block;text-decoration: none;
	color: #666!important;height: 24px!important;
	font-size: 0.9em!important;
	}
#top-nav .sub ul li a:hover {border: none; background: none; color: #ff6600 !important;}


/* =================================
3. PARTS
==================================== */

/* ==== Page Title ===== */
#page-title {width: 940px; height: 78px; border: 10px solid #09889b; background: #0592a7; position: relative; }
#page-title h1 {font-size: 2.4em; line-height: 78px; margin: 0; padding: 0 0 0 25px; color: #fff;}
#page-title h1 strong {color: #e5fcff; font-weight: normal!important;}
#page-title .btn {position: absolute; right: 25px; top: 22px; border-color: #666666;}


/* ==== Breadcrumb ===== */
#breadcrumb {height: 50px; border-bottom: 1px solid #eaeaea; line-height: 50px; font-size: 1.2em; color: #333; padding: 0 10px;}
#breadcrumb a {background: url(../images/icons/bc-arrows-right.png) no-repeat right; margin-right: 5px; padding-right: 15px;}
#breadcrumb ul { display: inline; list-style none; margin: 0; padding: 0; }
#breadcrumb li { display: inline; font-size: .7em;  margin: 0; padding: 0; }

/* ==== ShareThis ===== */
#sharethis {float: right;}
#sharethis span {margin: 0 1px 0 0;}
#sharethis span.label {color: #999;}

/* ==== Index Sections ===== */
#ind-left {width: 319px; float: left; background: url(../images/parts/ind-quote-shade.png) no-repeat right; height: 270px; border-right: 1px solid #eaeaea;}
#ind-left blockquote {margin: 10px 25px 0 10px;}

#ind-right {width: 590px; float: left; height: 280px; margin-bottom: 20px; padding-left: 35px; padding-top: 15px; position: relative;}
#ind-right h2 {margin:10px 0;}
#ind-right .strapline {margin-right: 120px;}
#ind-right ul {background: url(../images/parts/benefit-arrow.png) no-repeat right; width: 350px; padding: 5px 0 5px 0; font-size: 1.3em;}
#ind-right ul li {padding-left: 5px;}
#ind-right .btn {position: absolute; top: 185px; right: 0;}


/* ==== Slider ===== */
#slider {width: 960px; height: 270px; background: #9C0; margin-bottom: 20px;}


/* ==== Media Showreel ===== */
#mdShowreel {width: 960px; height: 140px; background: #eaf6f7; margin-bottom: 20px; border-top: 1px solid #cbcbcb; position: relative;}
#mdShowreel .mds-left {float: left; width: 170px; margin: 15px 20px 0 30px;}
#mdShowreel .mds-left h4 {margin-bottom: 8px;}
#mdShowreel .mds-left p {width: 170px; font-size: 1.2em; line-height: 1.2em; margin-bottom: 8px; margin-right: 0;}

#mdShowreel.conv-steps {height: 100px;}
#mdShowreel.conv-steps h4 {width: 170px; float: left; margin: 20px;}
#mdShowreel.conv-steps img.steps {margin: 30px 25px;}


/* ==== Inc News & Media ===== */
.base-columns {min-height: 300px; padding-bottom: 35px;}
.base-columns img {margin-bottom: 15px;}
.base-columns p {font-size: 1.2em; line-height: 1.3em; margin-bottom: 12px; margin-right: 15px;}
.base-columns h5 {margin-bottom: 8px;}
.base-columns p.date {color: #999; text-transform: uppercase; font-size: 1em;}
.base-columns hr {margin: 15px 0; width: 90%;}

.base-columns ul.check {font-size: 1.2em; margin: 20px 20px 20px 0;}
.base-columns ul.check li {margin: 0 0 5px 0; padding: 0 0 0 30px;}


/* ==== News ===== */
.pagination-cont {background: #fafafa; border-top: 2px solid #eaeaea; padding: 15px; margin-top: 10px; margin-bottom: 2px; font-size: 1.2em; height: 16px;}
.pagination-cont.ext {height: 50px;}
.pagination-cont h5 {font-size: 1.2em;}

.news-entry {background: #fcfbf9; border-top: 1px solid #edeceb; padding: 0 20px 20px 20px; margin-bottom: 2px; clear: both;}
.news-entry h3 {margin-bottom: 6px;}
.news-entry p {font-size: 1.2em; margin-bottom: 6px;}
.news-entry.full p {font-size: 1.2em; margin-bottom: 20px;}
.news-entry p.date {color: #999; text-transform: uppercase; font-size: 1em; margin-bottom: 6px;}
.news-entry img {float: left; margin: 0 15px 15px 0; border: 2px solid #e3e1dc;}
.news-entry.full img {float: right; margin: 0 0 15px 15px; border: 2px solid #e3e1dc;}

.sticky {background: #eaf6f7; border-top: 3px solid #09889b;}
.sticky img {border-color: #fff;}

.news-entry:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news-entry .news_thumb {
	float: left;
	margin-right: 10px;
}

/* ==== Case Studies ===== */
.case-entry {padding: 0; margin: 15px 0 60px 0; clear: both;}
.case-entry h3 {margin-bottom: 6px;}
.case-entry p {font-size: 1.2em;}
.case-entry p.intro {font-size: 1.5em;}
.case-entry img {margin: 0 15px 0 0; border: 2px solid #e3e1dc;}
.case-entry blockquote {font-size: 1.4em; margin-right: 60px;color: #999; }
.case-entry hr {width: 99%; margin-bottom: 25px; }

.case-profile {margin: 0 0 0 25px; font-size: 1.2em; color: #999;}
.case-profile strong {color: #666;}

.case-study-grid { height: 36em; }
.case-study-grid img {border: 1px solid #eaeaea; background: #fff; padding: 4px;}
.case-study-grid blockquote {font-size: 1.4em; padding-top: 15px; margin: 10px 0;}
.case-study-grid p {margin: 0 0 0 28px; font-size: 1.2em;}

.case-study-feature {margin: 15px 10px 15px;}
.case-study-feature .csf-left {float: left; width: 360px;}
.case-study-feature .csf-left p {margin: 0 0 15px 30px;}
.case-study-feature img {border: 1px solid #eaeaea; background: #fff; padding: 4px; float: right;}

.case-study-filter {border-top: 2px solid #eaeaea; border-bottom: 1px solid #eaeaea; background: url(../images/parts/case-study-filter-bg.png) repeat-x top; padding: 8px 0; }
.case-study-filter h5 {font-size: 1.2em; margin: 10px 0 0 20px; float: left;}

.case-study-filter form#cs-filter { margin-left: 50px; }
.case-study-filter form#cs-filter #filter { font-size: 95%; padding: 8px; line-height: 1em; height: auto; margin-top: 1px}

.case-study-filter ul.pagination {margin: 0 15px; clear: both;}
.case-study-filter ul.pagination .next a {float: right;}
.case-study-filter ul.pagination .next a,
.case-study-filter ul.pagination .previous a {font-weight:bold; border: solid 1px #fff!important; background: #fff!important;} 


/* =================================
4. MODULES
==================================== */


/* ==== Tabbed Content ===== */
ul.tabs {margin: 0; padding: 0; float: left;list-style: none; height: 36px; width: 460px;}
ul.tabs li {
	float: left; margin: 5px 2px 0 0;padding: 0 10px; 
	height: 30px; line-height: 30px;
	border: 1px solid #d6d6d6; 
	background: url(../images/parts/tab-bg.gif) repeat-x top; 
	overflow: hidden; position: relative; 
}

ul.tabs li a {text-decoration: none; color: #333; display: block; font-size: .9em; padding: 0; outline: none; text-align: center;}
ul.tabs li a:hover {background: #fafafa; color: #333; border-bottom: none;}	

html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs li.active a {color: #333; border-bottom: 1px solid #f9f7f4; font-weight: bold; line-height: 36px; height: 36px; margin-top: -1px;}

.tab_container {border: 1px solid #d6d6d6; clear: both; width: 458px; background: #f9f7f4; margin-bottom: 30px;}
.tab_content {padding: 25px;}
.tab_content p {font-size: 1.2em; color: #666; margin-right: 0; margin-bottom: 15px;}
.tab_content img {float: left;margin: 0 20px 20px 0; border: 1px solid #ddd;padding: 5px;}

.tab_content ul {color: #666;}
.tab_content ul li {margin: 0; font-size: .9em!important; padding-left: 15px;}


/* ==== Twitter ===== */
.tweets {float:left; padding: 0; }
.tweets p {margin: 0; padding: 0; line-height: 1em; font-size: 1em!important; color: #262626!important;}
.tweets ul {list-style: none; margin: 0 0 15px 0; padding: 0; line-height: 1.2em!important; color: #262626!important;}
.tweets li {padding: 0; margin: 0 0 15px 0; font-size: .9em!important; font-style: italic;}
.tweets span,
.tweets .tweet_time a, .block .tweets .tweet_time a {display: block; font-size: .8em; color: #aaa!important;}



/* ==== Accordian ===== */
ul#faq-accordian {list-style: none; margin: 30px 20px 60px -10px; font-size: 1.2em; }
.collapsible, .page_collapsible, .accordion {
    margin: 0; padding: 0 10px; line-height:32px; color: #09889b; font-size:1.1em;
    border-top: 1px solid #e1e1e1; background: url(../images/parts/faqs-li-bg.png) repeat-x top; text-decoration:none; cursor: pointer;
    }
.accordion-open, .collapse-open {}
.accordion-open span, .collapse-open span {display:block;float:right; padding: 0 10px; height: 30px;  }
.accordion-open span, .collapse-open span {background:url(../images/icons/minus.png) center 12px no-repeat; height: 30px; }
.accordion-close span, .collapse-close span {display:block;float:right;background:url(../images/icons/plus.png) center 8px no-repeat;padding: 0 10px; height: 30px;}

div.container {padding:0; margin:0; }
div.content {margin: 0; padding: 10px 0 30px 0; }
div.content ul, div.content p {padding:0; margin:0 30px 0 0; font-size: 1.1em!important;}
div.content ul li {list-style-position:inside;line-height:25px; }
div.content ul li a {color:#555555; }



/* ==== Home Page Hero Slider ===== */
#hero-slider-wrapper {width: 960px; height: 270px; margin: 10px 0; padding: 0; position: relative;}

ul#hero-slider {height: 272px; width: 712px; list-style: none; padding: 0; margin: 0; font-size: 1em!important; display: block; float: left;}
ul#hero-slider li {width: 710px!important; height: 270px!important; border: 1px solid #d2d2d2; display: inline-block; float: left; padding: 0; margin: 0; text-align: center; position: relative;}

ul#hero-slider li img {z-index: 10;}
ul#hero-slider li .slide-message {z-index: 25; position: absolute; top: 80px; right: 20px; width: 320px; height: 180px;}
ul#hero-slider li .slide-message h1 {font-size: 3em; color: #b24a48; text-shadow: 0 1px 0 #fff; font-weight: bold;}
ul#hero-slider li .slide-message h2 {font-size: 2em; color: #b24a48; margin-bottom: 25px; text-shadow: 0 1px 0 #fff;}
ul#hero-slider li .slide-message .btn {margin-right: 6px;}
ul#hero-slider li .slide-message .secondary a {font-size: 1.2em;}

ul#hero-slider li#one {background: #0CC;}

ul#hero-slider li#two .slide-message {width: 340px;}
ul#hero-slider li#two .slide-message h1 {font-size: 2em;}
ul#hero-slider li#two .slide-message h2 {font-size: 1.8em;}

ul#hero-slider li#three .slide-message {width: 390px; text-align: left!important; top: 20px; right: 30px;}
ul#hero-slider li#three .slide-message h1 {font-size: 1.8em; color: #fff; text-shadow: 0 1px 0 #333;}
ul#hero-slider li#three .slide-message h2 {font-size: 1.7em; color: #fff; text-shadow: 0 1px 0 #333; margin-bottom: 8px;}
ul#hero-slider li#three .slide-message p.quote-credit {color: #fff; }
ul#hero-slider li#three .slide-message .btn {margin-left: 80px;}



ul.hero-thumbs {position: absolute; top: 0; right: 0; width: 230px; margin: 0; padding: 0; list-style: none;}
ul.hero-thumbs li {display: block; width: 215px; height: 73px; color: #333; font-size: .8em!important; line-height: 1.6em; padding: 17px 15px 0 0; position: relative;}
ul.hero-thumbs li img {float: left; margin: 0 8px 0 10px;}
ul.hero-thumbs li.pager-active {background: #333; color: #fff;}
ul.hero-thumbs li img.active-arrow {float: none; margin: 0; display: none;}
ul.hero-thumbs li.pager-active img.active-arrow { position: absolute; top: 39px; left: -8px; display: block;}



/* ==== Home Page Media Slider ===== */
#media-slider-wrapper {width: 690px; margin: 10px 0; padding: 15px 0; float: right;}

ul#media-slider {height: 120px; width: 640px; list-style: none; padding: 0; margin: 0; font-size: 1em!important; display: block;}
ul#media-slider li {width: 160px!important;  display: inline-block; float: left; padding: 0; margin: 0; text-align: center; }
ul#media-slider li img {border: 1px solid #e0ebec; background: #fcfcfc; padding: 5px;}


#media-slider-wrapper a.bx-prev {
    background: url("../images/btn/icon_arrows.png") no-repeat scroll 0 0 transparent;
    height: 24px; width: 24px;
    position: absolute; top: 30px; left: -32px;
    text-indent: -999999px;
}
#media-slider-wrapper a.bx-next {
    background: url("../images/btn/icon_arrows.png") no-repeat scroll -24px 0 transparent;
    height: 24px; width: 24px;
    position: absolute; top: 30px; right: -32px;
    text-indent: -999999px;
}
#media-slider-wrapper a.bx-prev:hover {background-position: 0 -24px;}
#media-slider-wrapper a.bx-next:hover {background-position: -24px -24px;}







/* =================================
5. FORMS
==================================== */

/* =[FOR]= Form ===== */
form {position: relative; }
form fieldset {background: url(../images/base/border.gif) repeat-x bottom; margin: 10px 20px 15px 20px; clear: both; padding-top: 6px; padding-bottom: 20px;}


form label {	position: relative; color: #666; display: block; font-size: 1.3em; line-height: 1.2em; width: 180px; padding-top: 8px; margin: 8px 15px 0 0; clear: left; float: left; }  
form input {width: 260px;  padding: 6px;  color: #666; font-size: 1.4em; border: 1px solid #cecece; margin: 8px 0 0 0; float: left; }  
form select {width: 150px; font-size: 1.3em; color: #666; border: 1px solid #cecece; margin: 12px 0 0 0; float: left;  padding: 2px; font-weight: bold;}
form textarea {width: 490px;  height: 130px; padding: 6px;  color: #666; font-size: 1.4em; border: 1px solid #cecece; margin: 8px 0 0 0; float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}  

form label.ext {width: 270px;}

form input.radio {width: 20px; margin: 22px 4px 0 0; background-image: none; border: none!important;}
form span.radio-label {float: left; font-size: 1.2em; line-height: 2.4em; padding-top: 15px; margin-right: 20px; color: #444 !important;}

form input.check {width: 20px !important; margin: 3px 4px 40px 0; background-image: none; border: none!important;}
form p.why {padding-left: 30px; font-size: 1.2em; line-height: 1.3em; background: url(../images/icons/icon-qm.png) no-repeat left; margin-bottom: 14px;}

form em { font-style: normal; color: #cd0000; font-size: 85%; }
#form1_submit, #form3_submit { margin-left: 195px; }

form .validation {
	z-index: 1;
	color: #333;
	font-size: 95%;
	left: 40%;
	text-align: left;
	display: none;
}

form .validation strong {
	display: block;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: 10px .6em;
	padding: 4px 8px 4px 36px;
}

form .ok {
	display: block;
}

form .ok strong {
	background-image: url(../../system/app/chunks/images/ok.png);
}

form .failed {
	display: block;
	color: #cd0000;
}

form .failed strong {
	background-image: url(../../system/app/chunks/images/error.png);
}

form .ajax {
	display: block;
	position: absolute;
	color: #333;
	background-color: #F0F0F0;
}

form .ajax strong {
	background-image: url(../../system/app/chunks/images/hourglass.png);
}

form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ==== Form Variation - Main Conversion Form ===== */
form#conversion, form#form2 {background: #fcfbf9; margin-right: 25px; border: 1px solid #e0e0e0; padding-bottom: 30px; margin-bottom: 60px; }
form#conversion h5 {margin-bottom: 5px;}
form#conversion input[type=submit] {margin: 0 20px; clear: both; float: none;}
form#conversion h3, form#form2 h3 { background: url(../images/parts/conv-form-title-bg.jpg) no-repeat bottom left; color: #333; margin: 0; padding: 10px 20px 30px 20px;}
form#conversion fieldset.first {margin-top: 0;}
form#conversion span.field-note {font-style: italic; color: #999; font-weight: normal; padding: 0 10px; margin-top: 14px; font-size: 1.2em; float: right; }
form#form2 #pane1-label, form#form2 #pane2-label, form#form2 #pane3-label { display: none; }
form#form2 label, form#form2 textarea { margin-left: 30px; }
form#form2 #pane2-container, form#form2 #pane3-container { clear: both; padding: 20px 30px 0 30px;}
form#form2 #form2_submit { margin-left: 30px; }

/* ==== Form Variation - MHC Signup ===== */
form#mhc-signup input[type=text], form#mhc-signup input[type=password] {width: 182px; background: #f9f7f4; font-size: 1.2em; margin: 0 0 8px 0;}
form#mhc-signup input.btn {width: 100px; cursor: pointer; margin-top: 0; margin-right: 15px;}
form#mhc-signup a.register {font-size: 1.2em; line-height: 34px;}

/* ==== Form Variation - Case Study Filter ===== */
form#cs-filter select  {width: auto; margin: 3px 15px 0 0;}
form#cs-filter label {width: auto; margin: 0 10px 0 0; font-size: 1.2em; clear: none;}
form#cs-filter input.btn {width: 60px; cursor: pointer; margin-top: 3px; margin-right: 15px; font-size: 1.2em; height: 25px;}

/* ==== Valid8 Markup ===== */
form .w {float: left; padding: 0; background: none; color: #333; overflow: hidden; }
form .w span { padding: 0 0 5px; clear: both; float: none;}

form .w label { padding:0; }
form .w input {float: none;}

/* Validation */
.w.error {}
.w.error input { border-color: #e7929d; background: #fff url(../images/icons/form-error.png) no-repeat right center; float: none;}
.w.error span {clear: both; float: none; display: block; font-size: 1.1em; padding-top: 3px; color: #cc3333;}

.w.valid {}
.w.valid input { border-color: #d2e594; background: #fff url(../images/icons/form-valid.png) no-repeat right center; }
.w.valid span { display: none; }







/* =================================
6. TABLES
==================================== */

/* ==== Basic Table Styling ===== */
table {width:100%; margin: 0 auto 1em auto; border-collapse: collapse; }

.column1	{background:#f9fcfe;}
td {font-size: 1.2em; padding:0 ; text-align:left; vertical-align: middle;}				
th {font-weight:normal; color: #678197; text-align:left; border-bottom: 1px solid #cccfd1; padding:1em 1em;}	
thead th {background: #ebeced;text-align:center; font-size: 1.3em; color:#666; font-weight: bold;}	

table ul {margin: 0 0 0 35px; text-align: left; font-size: 1em;}
table h3 {font-size: 1.4em; display: block; float: none; padding: 0; margin: 18px 0 0 0; }	

/* ==== Product List Styling ===== */
table.table-compare {margin: 0 10px; width: 880px; font-size: 1em!important;}	 
table.table-compare tr {border-bottom: 1px solid #e5e5e5; vertical-align: top;}
table.table-compare tr.spec td {padding: 12px 10px 10px; border-right: 1px solid #e5e5e5; vertical-align: text-top!important; }
table.table-compare tr.spec td:last-child {border: none; vertical-align: middle!important;}
table.table-compare h3 {margin: 14px 0 6px 0;}
table.table-compare h5 {font-size: 1em!important; font-weight: bold; margin-bottom: 4px; margin-top: 0; padding: 0;}
table.table-compare p {font-size: 1em!important; margin-bottom: 12px;}
table.table-compare img {border: 2px solid #e5e5e5; float: left; margin-right: 10px;}
table.table-compare a:hover img {border: 2px solid #999;} 
table.table-compare a.btn-cta-thin {display: block; margin: 0 8px !important; clear: both;}

table.table-compare tbody:hover tr.spec {background: #f9f9f9;}

#searchresults ul p { font-size: 1em; }

#cookieconsent {
	background-color: #EAF6F7;
	width: 960px;
	margin: 20px auto 60px auto;
	padding: 10px 20px;
	border: 2px solid #333;
	-webkit-box-shadow: 0 4px 6px #000;
	-moz-box-shadow: 0 4px 6px #000;
	box-shadow: 0 4px 6px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#cookieconsent strong { font-size: 120%; display: block; margin-bottom: 5px; }

.jNice input, .jNice select, .jNice textarea, .jNice button { float: none; width: auto; }
.jNice textarea, .jNice select { width: 300px; }
.jNice input[type="image"] { border: none; float: left; }
.jNice fieldset { width: 340px;}

#cookiepermission input, #cookiepermission label {
    float: none;
    width: auto;
}

/**** Shopping Cart *****/
#cartBilling:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#cartBilling > div {
	width: 48%;
	display: block;
	float: left;
}

#cartBilling > div:last-child {
	float: right;
}

#cartAddresses:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#cartAddresses {
	margin-bottom: 50px;
}

#cartAddresses > div {
	width: 400px;
	margin-right: 30px;
	display: block;
	float: left;
}

#cartAddresses div:last-child {
	margin-right: 0;
}

form#cartshipoptionsform #submit-list {
	clear: both;
}

form#cartshipoptionsform #submit-list dt {
	display: none;
}

form#cartshipoptionsform #submit-list dd {
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
}

.extax { font-size: 75%; color: #a00; }
.sku { font-size: 75%; }

form#cartviewform, form#cartshipoptionsform {
	max-width: 100%;
}

#cartshipestimate-list {
	float: left;
	width: 28em;
}

#cartcheckout-list {
	float: right;
	text-align: right;
}

#cartviewform table label { display: none; }

table.cart { margin: 20px 0; }
table.cart td { background-color: #f6f6f6; padding: 2px 4px; }
table.cart th { padding: 2px 10px; }
table.cart input[type="number"] { width: 3em; }
table.cart input[type="submit"] {
	font-size: 75%;
	width: 6em;
}
table.cart .validation {width: 20em; }

table.cart.orderhistory td { text-align: center; padding: 6px; }
table.cart.orderhistory tr:nth-child(odd) td { background-color: #f6f6f6; }
table.cart.orderhistory tr:nth-child(even) td { background-color: #f0f0f0; }

.cartError {
	color: #f0f0f0;
	background-color: #000;
	padding: 8px 16px;
	margin: 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 5px 10px #000;
	-moz-box-shadow: 0 5px 10px #000;
	box-shadow: 0 5px 10px #000;
}

#coupon-group, #paymentmethod-group {
	background-color: #F6F6F6;
	width: 28em;
	float: left;
}

#cartshipestimate-group, #cartcheckout-group {
	width: 28em;
	float: left;
	border: none;
}

#paymentmethod-group, #cartcheckout-group {
	float: right;
}

#paymentmethod-group img {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#paymentmethod-group dt, #paymentmethod-group dd { clear: both; }
#paymentmethod-group label, #paymentmethod-group textarea, #paymentmethod-group input {
    width: auto;
}
#paymentmethod-group p { clear: both; }
#paymentmethod-group ol { list-style: none; }

form #cartapply-list { text-align: right; }

form #cartapply-list dt, form #cartsubmit-list dt {
	display: none;
}

form #cartapply-list dd, form #cartsubmit-list dd {
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
}

form .cartback {
	display: inline-block;
	margin-top: 8px;
	cursor: pointer;
	padding: 1px 8px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #555;
	color: #fff;
	border: none;
	background-color: #A8D160;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#A8D160), to(#649E3F));
	background-image: -webkit-linear-gradient(top, #A8D160, #649E3F);
	background-image: -moz-linear-gradient(top, #A8D160, #649E3F);
	background-image: -ms-linear-gradient(top, #A8D160, #649E3F);
	background-image: -o-linear-gradient(top, #A8D160, #649E3F);
	background-image: linear-gradient(top, #A8D160, #649E3F);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 1px 1px #fff inset, 0 3px 10px #000;
	-moz-box-shadow: 0 0 1px 1px #fff inset, 0 3px 10px #000;
	box-shadow: 0 0 1px 1px #fff inset, 0 3px 10px #000;
}

form .cartback:hover {
	background-color: #b3dd62;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b3dd62), to(#6fab41));
	background-image: -webkit-linear-gradient(top, #b3dd62, #6fab41);
	background-image: -moz-linear-gradient(top, #b3dd62, #6fab41);
	background-image: -ms-linear-gradient(top, #b3dd62, #6fab41);
	background-image: -o-linear-gradient(top, #b3dd62, #6fab41);
	background-image: linear-gradient(top, #b3dd62, #6fab41);
	-webkit-box-shadow: 0 0 1px 1px #fff inset, 0 1px 5px #000;
	-moz-box-shadow: 0 0 1px 1px #fff inset, 0 1px 5px #000;
	box-shadow: 0 0 1px 1px #fff inset, 0 1px 5px #000;
}

#cartordernotes {
	height: 3em;
}

.cartsimpleadd dt { clear: both; }
.cartsimpleadd { text-align: center; width: 26em; background-color: #f2f2f2; padding: 10px;}
.cartsimpleadd input[type="number"] { width: 3em; }
.cartsimpleadd .cartitemprice { font-size: 200%; margin: 10px 0; }
.cartsimpleadd .extax { display: block; }
.cartsimpleadd .cartaddmsg span {
	color: #fff;
	background-color: #000;
	font-size: 95%;
	text-align: center;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 5px 10px #000;
	-moz-box-shadow: 0 5px 10px #000;
	box-shadow: 0 5px 10px #000;
	padding: .45em 1em;
}

.cartpricecurrency { text-align: center; }

#currencyselectform-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#currencyselectform-list li {
	display: inline;
	margin: 0 10px;
}

.cartsummary {
	margin-top: 20px;
}

.cartsummary tr:first-child th {
	text-align: left;
	font-size: 140%;
	padding-bottom: 10px;
}

.cartsummary tr td { border-bottom: 1px solid #ccc; padding: 10px 0; }
.cartsummary tr:last-child td { border-bottom: none; }
.cartsummary .qtyprice { font-size: 75%; }
.cartsummary .qtyprice .extax { font-size: 100%; }