* {
  margin: 0px;
  padding: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Hides from IE-mac \*/
* html .element  {height: 1%;}
/* End hide from IE-mac */

html {height:100%}

body {
	padding:0 0 10px 0;
	text-align: left;
	font-size:12px;
	font-family: tahoma, sans-serif;
	line-height:16px;
}

a {
	border: none;
	color:#003876;	
}

a:hover {
 	color:#ce1141;
	text-decoration: underline;
}

#ct {
	margin:0px auto;
	width:924px;
}

#body {
	background: url(../images/bg-ct.png) left top no-repeat;
	display:block;
	padding:0 0 0 2px;
	text-align:left;
}

#body-inner {
	background: url(../images/bg-ct-inner2.png) right top no-repeat;
}

#header {
	display:block;
	background: url(../images/bg-header.png) left top no-repeat;
	height:66px;
}

a.logo {
	background:url(../images/logo.gif) center top no-repeat;
	border:none;
	width:176px;
	height:50px;
	float:left;
	border:none;
	display:inline;	
	margin-left:23px;
	margin-top:10px;
} 

a.logo:hover {
	border:none;
}

#footer {
	display:block;
	background:url(../images/bg-footer3.png) center top no-repeat;
	padding:65px 0;
	margin:0 auto;
	text-align:center;font-size:0.9em;	
	color: #a8a8a8
}
#footer ul {list-style:none;display:inline;padding-left:5px}
#footer ul li {display:inline;padding:0 4px 0 4px;}
#footer ul li.last-item {border-right:none}

#footer a {text-decoration:none}
#footer a:hover {text-decoration:underline}

#sidebar {
	float:left;
	width:209px;
	min-height:100px;
	display:inline;
}

#latest-news {
 	padding:0px 15px 0 15px;
	display:block;
}

#sidebar a {text-decoration:none}
#sidebar a:hover {text-decoration:underline}

#latest-news ul {list-style:none;font-size:0.9em}
#latest-news li {margin-bottom:20px}
#latest-news p {color:#646464;text-align:left}
#latest-news h2 {margin-bottom:2px;font-family: tahoma, sans-serif;font-weight:normal;}
#latest-news h3 {color:#999;margin-bottom:8px;font-weight:normal}

#newsletter-signup {
	background:url(../images/newsletter-signup.gif) center center no-repeat;
	width:190px;
	margin-left:10px;
	height:68px;
	margin-top:38px;
	text-align:center;
	padding-top:43px;
}

#newsletter-signup input {width:156px}

#newsletter-signup input#newsletter-signup-btn {
	background: url(../images/newsletter-signup-btn.png) 0 0 no-repeat;
	border:none;
	float:right;
	display:inline;
	margin-top:9px;
	margin-right:15px;
	width:47px;
	height:21px;
}

#main {
	float:left;
	width:712px;
}

body#home #main {
	background-position: right 227px;
}

body#home #content {min-height:200px}

#banner {
	height:86px;
}

body.home #banner {
	background-color:#fff; 
	height:200px;
}

body.home #banner img {
	height:200px;
}

body.products #banner {
	background: url(../images/banner-products.gif) 0 0 no-repeat; 
}

body.solutions #banner {
	background: url(../images/banner-solutions.gif) 0 0 no-repeat; 
}

body#solutions-21 #banner {
	background: url(../images/banner-solutions-21.gif) 0 0 no-repeat;
}

body.support #banner {
	background: url(../images/banner-support.gif) 0 0 no-repeat; 
}

body.news #banner {
	background: url(../images/banner-news.gif) 0 0 no-repeat; 
}

body.frontpage #banner {
	background: url(../images/banner-news.gif) 0 0 no-repeat; 
}

body.company #banner {
	background: url(../images/banner-aboutus.gif) 0 0 no-repeat; 
}

body.static #banner {
	background: url(../images/banner-static.png) 0 0 no-repeat; 
}

body.mtw #banner {
	background: url(../images/banner-mtw.gif) 0 0 no-repeat; 
}


#crumbs {
	text-align:left;
	height:23px;
	padding-top:6px;
	font-size:0.9em;
	text-transform:lowercase;
	padding-left:16px;
	background:url(../images/bg-path.png) left top no-repeat;
	color:#a3a0a3;
	overflow:hidden;
	width:696px;
	white-space:nowrap
}

#crumbs a {text-decoration:none}
#crumbs a:hover {text-decoration:underline}

#logos {margin:0 15px;}

.path-sep {background: url(../images/arrow.png) center center no-repeat;}


#content {
	/*min-height:390px;*/
	padding:15px 15px 0 15px;
	background:url(../images/bg-sidebar.png) left -12px no-repeat;	
}


h1 {
	font-size: 1.1em;
	font-weight:normal;
	font-family:tahoma, sans-serif;	
 	border-bottom:1px solid #efdfde; 	
	padding-bottom:2px;
	margin-bottom:8px;
}

.sifr {color:#00285a;font-weight:bold;display:block}
.sifr em {color:#d22d51}


h2 {
 	color:#003876;
 	font-size:1em;
}

#content h3 {
	font-size:0.9em;
	font-weight:normal;
	margin-bottom:8px;
	color:#666
}


/*----------|frontpage|-----------*/

#frontpage-features .has-image div {margin-left:110px;height:1%}
#frontpage-features h2 {font-weight:bold;margin-bottom:8px;font-family: tahoma, sans-serif;}
#frontpage-features h2 a {text-decoration:none}
#frontpage-features td {width:331px;vertical-align:top;padding-bottom:5px;border-bottom:1px dotted #efdfde}
#frontpage-features tr.last td {border-bottom:0;padding-bottom:0;padding-top:10px}
#frontpage-features td.spacer {width:20px;border-bottom:0}
#frontpage-features .product-img {display:inline;border:1px solid #ddd;float:left;margin:0;height:85px;width:95px;}

.createdate {visibility:hidden}

/*----------|CMS|------------*/

#contact-form {margin:15px auto 5px auto}

.cms-content ul {margin:10px auto 10px 25px;}
.cms-content ul li {margin-top:3px;margin-bottom:3px;text-align:left;list-style:square}
.cms-content strong {font-weight:bold}
.cms-content em {font-style:italic}
.cms-content .title {font-weight:bold;font-size:1.1em}
.cms-content p {margin-bottom:10px;color:#333;text-align:left;}

/*----------|news|-----------*/

#news-summaries {
	list-style:none;
	margin:0px auto;
}

#news .news-summaries-month {
	border-top:0;
	padding-top:0;
}
#news-summaries li {
	margin:0px auto 15px auto;
	padding-bottom:15px;
	border-bottom:1px dotted #ddd;
}

#news-summaries li h2 {margin-bottom:4px;}
#news-summaries li h2 a span {color:#ddd}
#news-summaries li h2 a {text-decoration:none}
#news-summaries li h2 a:hover span {color:#0860a8;}
#news-summaries li h3 {color:#888;background:transparent url(/images/icons/pg.gif) left 2px no-repeat;padding-left:14px;}

/*----------|categories|-----------*/

#catalog-category-children {border-spacing:0;margin-top:10px;width:100%}
#catalog-category-children td {
}

.singleton-category {
	width:50%;
}
.image-left {float:left;margin: 5px 5px 5px 0px}
.image-right {float:right;margin: 5px 0 5px 5px;}

.category-child {width:50%;vertical-align:top;text-align:left;position:relative;}
.category-child-left {padding-right:5px}
.category-child-right {padding-left:5px}
.category-child-body img {position:relative;border:0;margin:10px;float:left}
.category-child-thumb {display:inline;}

.category-child h2 {
	background:transparent url(/images/category-header.png) 1px 0 no-repeat;
	height: 20px;
	cursor:pointer;
	padding-top: 7px;
	padding-left: 25px;
}

.category-child h2 a {text-decoration:none;display:block;margin-right:10px}
.category-child h2 a:hover {text-decoration:none}


.category-child-body {
	background: transparent url(/images/category-box.png) left top no-repeat;
	padding: 10px 15px 20px 10px;
	/*text-align: justify;*/
}


/*----------|family view|-----------*/

.product-family {
	width:100%;
	border-bottom:1px solid #dedede;
	padding:1px 1px 0 1px;
}

.product-family-wrap {
	margin-top:15px;
	margin-bottom:15px;
}


.product-family td, .product-family th {
	width:150px;
	border-right:1px solid #ddd;	
	border-top:1px solid #ddd;
}

.product-family th {
	border-right:none
}

.product-family td.last-column, .product-family th.last-column {
 	border-right:none;
}

.product-family tr.row-even td.cell-property , .product-family tr.row-odd td.cell-property {
	width:130px;
	color:#003876;
	background: #e9e9e9 url(../images/arrow.gif) 5px center no-repeat; 
	padding-left:23px;
}

.product-family tr.row-even td, .product-family tr.row-even td.cell-property { background-color: #FFF; }
.product-family tr.row-odd td { background: #e9e9e9; }

.product-family tr.row-pricing td {font-weight:bold;color:#d22d51}

.product-family th {border-top:none; background:bottom url(../images/products-head-bg.png) repeat-x;}

.product-family td {vertical-align:top;padding:5px 10px; background:#e9e9e9;}
.product-family th {vertical-align:top;padding:5px 10px 10px 10px}
.product-family th a {font-family: tahoma, sans-serif;font-weight:bolder;text-decoration:none}
.product-family th {vertical-align:bottom;padding:5px 10px;text-align:left}


.product-family th a img {border:0px solid #ddd;padding:3px;margin-bottom:8px}

.product-family tr th.empty-cell { background: none; } 
.product-family tr td.empty-cell { border: none; background:none}
.product-family tr.row-odd td.first-empty {background: url(../images/products-bottom-bg.png);}
.product-family tr.row-even td.first-empty {background: url(../images/products-bottom-bg.png);}
.product-family tr.subtitle td { background: #abc7ec; padding-left: 22px; color: #003876; font-size: 1.0em; font-family: tahoma,sans-serif; font-weight: bolder; }

/*.product-family tr.subtitle td { background: url(../images/nav-item-leaf-on.png) repeat-x 0 -10px; padding-left: 22px; color: #003876; font-size: 1.0em; font-family: tahoma,sans-serif; font-weight: bolder; }*/

.product-family td.cell-property {vertical-align:middle}
.product-family tr.row-even td.cell-details, .product-family tr.row-odd td.cell-details { background-image: url(../images/products-bottom-bg.png); font-weight:bold}
.product-family tr.row-values {font-size:0.8em}
.product-family span.get-a-quote-btn {cursor:pointer;margin-top:-5px;float:right;background:transparent url(../images/getaquote_matrix_btn.png) 0 0 no-repeat;width:52px;height:21px}

.product-family .image-box {text-align:center}


/*----------|product view|-----------*/

#wizard-head p {font-size:1.3em}

#quote-info {
	padding:0 15px;
	font-size:10px;
	color:#666;
	text-align:justify
}

#product-head h1 {display:block;margin-right:190px;border-bottom:none;margin-bottom:0}
#product-head h2 {float:right;width:190px;margin-bottom:0}
#product-title { border-bottom:1px solid #efdfde; 	
	padding-bottom:2px;
	margin-bottom:8px;
}

#quote-info strong {font-weight:bold}

.catalog-product-images {margin:15px;float:right;text-align:center }
.catalog-product-images img {margin-bottom:10px}

a.x-tabs-right:hover {border-bottom:none}
.x-tabs-item-body {border-style:none}

#content .product-header h1 {
 	float:left;
 	width: 500px;
 	border-bottom:none;
	margin-top:4px;
	margin-bottom:0;
}

#product h2 {
	margin-bottom:5px;
	text-align:right
}

#product-head p {
	margin-bottom:5px;
}

#product-quote-info {
	color:#888;
	vertical-align:middle;
	line-height:28px;		
	margin-top:10px;
}

#product-quote-info span {font-weight:bold;cursor:pointer}


#get-a-quote-btn {float:right;cursor:pointer;margin-top:0;width:88px;height:28px;background:transparent url(../images/get-a-quote-btn.png) center center no-repeat;margin-left:10px;}
#get-a-quote-btn:hover {background-image:url(../images/get-a-quote-btn-over.png)}

#quote-dlg form {margin:10px}

.x-form-item-hide-label .x-form-item-label {
     display:none !important;
}

.x-form fieldset.turnkey-fieldset legend {
	font-weight:normal;
	color:black;
	font-size:12px;
}

.x-form-miscfield {
	height: 22px;
	line-height: 18px;
	vertical-align: middle;
	overflow: hidden;
}
.ext-ie .x-form-miscfield {
    height: 22px; /* ie quirks */
    line-height: 18px;
}
.ext-strict .x-form-miscfield {
    height: 18px;
}
.ext-safari .x-form-miscfield {
    height: 20px; /* safari always same size */
}
.ext-gecko .x-form-miscfield {
    padding-top: 2px; /* FF won't center the text vertically */
    padding-bottom: 0;
}

.x-form-item .hdr-field {font-weight:bold}


#quote-dlg .x-layout-panel-body {position:relative}


#image-box {
	width:0px;
	height: 0px;
}

.product-specs {font-size:1em;width:100%}
.product-specs th, .product-specs td {text-align:left;vertical-align:top;;padding:5px;font-weight:normal}
.product-specs th {padding-right:10px;width:150px;background-color:#E9E9E9;color:#003876}
.product-specs td {background-color:#efefef}

#product-tabs {border-top:1px solid #fff}

.required-field label {font-weight:bold}

/*----------|mtw|-----------*/

#login-form {
	margin:30px auto 20px auto;
	width:280px;
}

#mtw h1 span {margin-right:200px;}

#logout {text-align:right;float:right;width:200px;color:#666;font-weight:normal;}
#logout strong {font-weight:bold}

h3 ul, h3 li {display:inline}

#mtw-downloads h3 li {font-weight:bold}

#mtw-downloads h3 {margin-bottom:15px}

#mtw-downloads table {font-size:0.9em;padding:1px}
#mtw-downloads table a {display:block;cursor:pointer}

.mtw-downloads-file thead tr {background-color:#c7cee1}
.mtw-downloads-dir thead tr {background-color:#f9e9a0}

.mtw-downloads-updated td {font-weight:bold}

.mtw-downloads-file thead th, .mtw-downloads-file thead td {border-bottom:1px solid #909ab4;}
.mtw-downloads-dir thead th, .mtw-downloads-dir thead td {border-bottom:1px solid #d88930;}

#mtw-downloads table {width:100%;border-spacing:0;border:1px solid #ddd;margin-bottom:10px}
#mtw-downloads table thead td {width:150px;}
#mtw-downloads table td, #mtw-downloads table th {padding:4px}
#mtw-downloads table thead th {border-right:1px solid #fff}
#mtw-downloads table td {text-align:left}
#mtw-downloads table td.mtw-downloads-date {text-align:right}


#mtw-downloads .mtw-downloads-dir a {line-height:16px;padding-left:20px;background:url(../images/icons/folder.png) 0px center no-repeat}
#mtw-downloads .mtw-downloads-file a {line-height:16px;padding-left:20px;background:url(../images/icons/page.png) 0px center no-repeat}

#mtw-account {margin-top:15px;}

#mtw-account-info p span, #mtw-account-info p a {cursor:pointer;color:#0d3364;}
#mtw-account-info p span:hover, #mtw-account-info p a:hover {color:#d22d51}

#mtw-account-info table {width:100%;border-spacing:0;margin-bottom:25px;margin-top:10px}
#mtw-account-info td, #mtw-account-info th {padding:4px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
#mtw-account-info th {border-left:1px solid #ddd}

#mtw-account-company {background-color:#c7cee1}
#mtw-account-company th, #mtw-account-company td {border-left:0;border-bottom:1px solid #909ab4}
#mtw-account-company th {border-right:1px solid white;border-bottom:1px solid #909ab4}
.mtw-account-person {background-color:#f9e9a0}

#mtw-account-info .mtw-account-person td, #mtw-account-info .mtw-account-person th {border-bottom:1px solid #d88930;border-right:0}
#mtw-account-info .mtw-account-spacer td {height:10px;border:0}
#mtw-account-info .mtw-account-person th {border-right:1px solid white;border-bottom:1px solid #d88930;border-left:0}


#mtw-issues-grid {margin-top:15px;position:relative}
#issue-grid .x-grid3-header {display:none}

#issue-thread {
	margin:10px;
}

.first-post .issue-post-body {
	border-top:1px solid #bdbdbd;		
}

.last-post .issue-post-foot-left {background-image:url(/images/post-corner_left_last.gif)}
.last-post .issue-post-foot-right {background-image:url(/images/post-corner_right_last.gif)}
.last-post .issue-post-foot {background-image: url(/images/post-bottom_bg_last.gif);}

.issue-post {
	display:block;
}

.issue-post-foot {
	background: #F7FDFF url(/images/post-bottom_bg.gif) left bottom repeat-x;
}

.issue-post-foot-left {
	background: transparent url(/images/post-corner_left.gif) left bottom no-repeat;
}

.issue-post-foot-right {
	background: transparent url(/images/post-corner_right.gif) right bottom no-repeat;
	height:8px;
	font-size:0;
}

.issue-post-body {
 	padding:15px 15px 8px 15px;
 	background-color:#F7FDFF;
	border-left:1px solid #bdbdbd;
	border-right:1px solid #bdbdbd;
}

.issue-post-msg {
	padding: 0 15px;
}

.post-info-wrap {
	background: #ebf2f6 url(/images/post-info-bg_right.gif) right bottom no-repeat;
	margin:10px 0 0 0;
}

.post-info {
	background: transparent url(/images/post-info-bg_left.gif) left bottom no-repeat;
}
.post-info-body {
	border-top:1px solid #d5dee2;
	border-bottom:1px solid #d5dee2;
	height:13px;
	padding:5px 5px;
	margin:0 12px;
	display:block;
	color:#666;
}

.post-info-body strong {
	font-weight:bold;
}
.post-info-body span.user {float:left}
.post-info-body span.date {float:right}

.new-icon {background-image: url(/images/icons/page_edit.png) !important}


.mtw-error {
	margin:15px auto;
	padding:5px;
	border:1px solid #ddd;
	color:#990021;
	background-color:#f9f0f0;
}

/*----------|general|-----------*/

.sIFR-replaced span.sIFR-alternate {
	display:none;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding:0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

#loading {
	padding:2px; 
	border:2px solid #6593CF;
	background-color:#fff;
	display:none;
	position:absolute;
	text-align:center;
	width:120px;
	z-index:20001;
}

#loading-inner {
	padding:2px;
}

.loading-indicator {
	background-image:url(../images/loading.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#15428B;
	line-height:25px;
	height:24px;
	padding-left:28px;
	text-align:left;
}

.x-panel-body:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#wizard-progress .x-panel .x-panel-body {
	background: url(../images/wizard-bg-left.png);
	width: 157px;
	height: 432px;
}

#wizard-progress-step-1 div {
	background: url(../images/wizard-step1-inactive.png);
	color: #15428b;
	width: 157px;
	margin-left: -15px;
	margin-top: 50px;
	padding: 6px 0px 3px 23px;
	height: 16px;
}

#wizard-progress-step-1 div.active-step{
	font-weight: bolder;
	color: #ca1d41;
	background: url(../images/wizard-step1.png);
}

#wizard-progress-step-2 div {
	background: url(../images/wizard-step2-inactive.png);
	color: #15428b;
	width: 157px;
	margin-left: -15px;
	margin-top: 1px;
	padding: 6px 0px 3px 23px;
	height: 16px;
}

#wizard-progress-step-2 div.active-step{
	font-weight: bolder;
	color: #ca1d41;
	background: url(../images/wizard-step2.png);
}

#wizard-progress-step-3 div {
	background: url(../images/wizard-step3-inactive.png);
	color: #15428b;
	width: 157px;
	margin-left: -15px;
	margin-top: 1px;
	padding: 6px 0px 3px 23px;
	height: 16px;
}

#wizard-progress-step-3 div.active-step{
	font-weight: bolder;
	color: #ca1d41;
	background: url(../images/wizard-step3.png);
}

#wizard-progress-step-4 div {
	background: url(../images/wizard-step4-inactive.png);
	color: #15428b;
	width: 157px;
	margin-left: -15px;
	margin-top: 1px;
	padding: 6px 0px 3px 23px;
	height: 16px;
}

#wizard-progress-step-4 div.active-step{
	font-weight: bolder;
	color: #ca1d41;
	background: url(../images/wizard-step4.png);
}

#wizard-progress-step-5 div {
	background: url(../images/wizard-step5-inactive.png);
	color: #15428b;
	width: 157px;
	margin-left: -15px;
	margin-top: 1px;
	padding: 6px 0px 3px 23px;
	height: 16px;
}

#wizard-progress-step-5 div.active-step{
	font-weight: bolder;
	color: #ca1d41;
	background: url(../images/wizard-step5.png);
}

#wizard-head .x-panel-body {
	background: #fff url(../images/wizard-head-bg.png) repeat-x;
}

#turnkey-wizard {
	color:#003876;	
	cursor:pointer;
	background:transparent url('../images/turnkey-btn.png') 0 0 no-repeat;
	width:115px;
	height:46px;
	float:left;
	margin-right:10px;
}

#turnkey-wizard:hover {
	background-image: url('../images/turnkey-btn-over.png');
}

.turnkey-step-hardware {
	background:transparent url(../images/turnkey-step-hardware-small.jpg) 0 0 no-repeat;
	padding-left:80px;
	height:60px;
}

.turnkey-step-software {
	background:transparent url(../images/turnkey-step-software-small.jpg) 0 0 no-repeat;
	padding-left:80px;
	height:60px;
}

.turnkey-step-application {
	background:transparent url(../images/turnkey-step-application-small.jpg) 0 0 no-repeat;
	padding-left:80px;
	height:60px;
}

.turnkey-step-service {
	background:transparent url(../images/turnkey-step-service-small.jpg) 0 0 no-repeat;
	padding-left:80px;
	height:60px;
}

.x-panel-body {
    position: relative;
}

.x-form fieldset.turnkey-fieldset {
	display:block;
}

#nav-ct {
	height:264px
}
