/*
Author: ProWorks Corporation
Author URL: http://www.proworks.com
--------------------------------------------------------------------------------------  
1.ROOT
2.HEADINGS
3.TYPOGRAPHY
4.LINKS
5.FIGURES & IMAGES
6.TABLES
7.FORMS
8.BANNER header[role="banner"]
9.NAVIGATION nav[role="navigation"]
10.CONTENT
11.MAIN [role="main"]
12.COMPLIMENTARY [role="complementary"]
13.CONTENTINFO footer[role="contentinfo"]
14.GLOBAL OBJECTS
15.VENDOR-SPECIFIC 
16.TEMPLATE SPECIFICS
17.MODERNIZR
*/
 
/* Basic browser reset */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,fieldset,legend,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /* keep ie happy */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } 

/* 1.ROOT */
/*body 					{ margin: 0; background: #fff; color: #5b5a5a; font-size: 100%/1.335; font-family: 'Myriad Pro',"myriad-pro",Verdana; font-style: normal; font-weight: 400; }*/
footer					{ margin: 0 auto; }

/* 2.HEADINGS */
/*h1, h2, h3, h4, h5, h6	{ color: #252525; font-weight: normal; margin: 1.16666667em 0 .25em 0;}

h1	{ font-size: 2.275em; margin-top: 0; clear: both;}
h2	{ font-size: 1.875em; }
h3	{ color: #5b5a5a; font-size: 1.25em; }
h4	{ font-size: 1.25em; } 
h5	{ font-size: 1em; } 	
h6	{ font-size: .9875em; }*/ 

/* 3.TYPOGRAPHY */
p				{ margin-bottom: 1em; }
abbr,acronym	{ cursor: help; }
ul, ol 			{ margin: 0 0 1em 1.2em; }
table			{ border-collapse: collapse; border-color: transparent; border-width: 0; margin: 1em 0; min-width: 75%; }
td				{ border: 1px solid #ccc; padding: .5em;  }

/* 4.LINKS */
a		{ color: #c5161c; text-decoration: none; }
a:hover, a:focus 	{ color: #9f070c; /*#017cbb;*/ }

a img           { border: 0!important; } 

a.brand {
   /*background: transparent url(/images/logo.png) 0 0 no-repeat;*/
   display: block;
   float: none;
   height: 70px;
   position: relative;
   /*text-indent: -999em;*/
	width:290px;
   margin: 1em auto 1.15em;
   overflow:hidden;
}

	a.brand img { 
		max-width: initial;
	}

.accordion li > input[type="checkbox"] { display: none; }
.accordion li > h3
 { 
	-webkit-transition : color .2s linear;
	-moz-transition : color .2s linear;
	-o-transition : color .2s linear;
	transition : color .2s linear; 
}


/*.zip,
.pdf,
.doc,
.cad,
.calc,
.movie, 
.excel 	{ background: url(/images/sprite.png); 
		  background-repeat: no-repeat;
		  display: block; 
		  list-style: none;
		  margin-left: -1.3em;
		  padding-left: 25px; 
		}

.pdf	{ background-position: 0 -350px; }
.cad,.zip{ background-position: 0 -450px; }
.calc 	{ background-position: 0 -400px; }
.movie 	{ background-position: 0 -950px; }*/

    td .pdf { margin-left: 0; }

/* 5.FIGURES & IMAGES */
img             { max-width:100%;height: auto;}
figure.right    { margin:0 0 1em 1em; }
figcaption      { font-style:italic; }
figure.left    { margin:0 0 1em 1em; }
figure.left figcaption      { display: block; clear: both; float: left; font-style:italic; }

/* 6.TABLES */

.eventTable { border: 0;width: 100%; font-size:1em;}
.eventTable span.endDate, .eventTable span.startDate { white-space: nowrap; }
.eventTable span.dateDivider { text-align: center; }
.eventTable p {margin:0;}

.eventRegistrationContainer { margin-top: 5px;}
.eventTitle { font-size: 1.1em;font-weight: bold;}

.sortable thead th { cursor: pointer; }

/*tr.even td 	{ background: url(/images/half-tone.png); }
td, th		{ border: 1px solid #e1e1e0; padding: .75em; }
th			{ background: rgb(255,255,255);
  			  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(236,235,235,1) 100%);
			  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(236,235,235,1)));
			  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(236,235,235,1) 100%);
			  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(236,235,235,1) 100%);
			  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(236,235,235,1) 100%);
			  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(236,235,235,1) 100%);
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecebeb',GradientType=0 );			  
}*/

.comparison tbody th 		{ text-align: left; }
.comparison thead th 		{ text-align: center }
.comparison th:first-child 	{ background: transparent; border: none; }

/* 7.FORMS */

/* Act-On iframes */
.ui-dialog .quote-form iframe 
{
    border: 0;
    margin: 2em 0 0 0;
    min-height: 43em;
    width: 100%;
}

textarea { font-family: "myriad-pro", Verdana; } /* IE 9 */

legend  { display: none; }
/*fieldset { border: 0; background: url(/images/half-tone.png); padding: 1em 1em 1em 0; }*/

/*#content fieldset { background: transparent; }
#content .secondary fieldset { background: url(/images/half-tone.png); }
    .no-js #content .secondary fieldset { background: transparent; }
    .no-js input.error {border-color: Red;}*/
	

	/*a.button:hover,
	a .button:hover,
	button:hover,
	.cii-button:hover { background: #9f070c; }*/
		
/*header button.go {
	background: #f68228;
    border-top: 1px solid #eeb44f;
    border-bottom: 1px solid #c7681d;
}

header button.go:hover {
	background:#db711f;
}*/
    .button.buy-now { text-align: center; }
a.homeNewsButton { position:absolute; bottom:20px; right:10px; text-transform:uppercase;}

/*fieldset ol,
fieldset ul                             { list-style-type: none; margin: 0; }
fieldset li                             { margin-bottom: 1em; overflow: hidden; }*/
/*input, select, textarea, label, button  { display: block; }*/
label input                             { display: inline; }
.wrapper input[type=hidden]             { display: none; }
button                                  { cursor: pointer; }

/*.contact				{ background: url(/images/half-tone.png); bottom: 0; padding: 1.5em 0; position: fixed; width: 100%; z-index: 99;}*/
.contact ul 			{ margin: 0; text-align: center; }
.contact li				{ list-style: none; margin-bottom: 1.5em; }
.contact li:last-child 	{ margin-bottom: 0; }
/*.contact a.button 		{ display: block; font-size: 1.15384615em; margin: 0 auto 1em auto; text-align: center; width: 62%; }*/
.contact a:last-child	{ margin-bottom: 0; }

button:disabled {
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    cursor: default;
}

/* Marketo Form */

.mktLblLeft                         { margin-top: 2em; }
    .error, 
    .error label                    { color: #c2302c; }
    .error input,
    .error select                   { border: solid 1px #c2302c; background: lightyellow; }
    .mktLblLeft input,
    .mktLblLeft select              { float: left; min-width: 66%; }
    .mktLblLeft textarea            { min-height: 5em; min-width: 99%; }
   mktLblLeft li                    { overflow: hidden; }

.mktField label                     { clear: both; }
.mktFormReq label:after             { content:' *'; }

    .mktInput                       { position: relative; }
    .mktFormMsg                     { display: none; position: absolute; left: 66%; padding: .15em 0 0 .75em; }
    .error .mktFormMsg              { display: block; }
    .error .mktFormMsg:after        { }

.quote-form fieldset p              { margin-top: 4em; }


    /* PLAN- sometimes we display the marketo forms inline, without a modal popup */
    
    /*.quote-form.renderFormInLine fieldset  { padding: 1em; }
    .quote-form.renderFormInLine select,
    .quote-form.renderFormInLine textarea       { width: 90%; }             
    .contact.renderFormInLine                    { display: none; }
    .secondary .renderFormInLine iframe          { border: 0; width: 99%!important; min-height: 720px; overflow: auto; }*/ 

/* End Marketo Form */


form.lpeRegForm { font-family: "myriad-pro", Verdana!important; color: Red!important; }


.wrap-me 				{  }
.wrap-me * 				{ float: left; margin-right: .5em; }
.wrap-me input			{ min-width: 50px; width: 10%; }
.wrap-me label			{ float: none; }
.wrap-me .last			{ width: 16%; }
	
	.page-contact input,
	.page-contact select    { width: 40%; }
	.page-contact [type="radio"]    { margin-right: 1em; width: auto; }
	
	
/* Green form */	

#content fieldset.green-form                     { background: url(/images/half-tone.png); padding: 1em; }

.green-form .personal-info      {  }
.green-form .product-info       { border-left: 1px solid #fff; margin:0; padding-left: 5%; width: 45%; }
.green-form .product-info li    { margin-bottom: 2.5em; }
.green-form .personal-info input, 
.green-form .product-info input { width: 100%; }
.green-form [type="submit"]     { float: right; margin-right: 5%; }

/* end Green form */

/* 8.BANNER */	
[role="banner"] {
    background-color: #b4191e;
}

header[role="banner"] .inner-wrap { overflow: hidden; padding: 0;}

.site-utility { text-align: center; }
#search { background: transparent; display: inline-block; font-size: .8125em; margin-bottom: .5em; padding: 0; }
#search input, #search button { display:block; float: left; height: 28px;margin: 0;}
#search [type="text"] { color: #5b5a5a; border: solid 1px #cbcbcb; min-width: 273px; padding: .3em 1em; width: 84%;}
#search [type="text"]::-webkit-input-placeholder { color: #5b5a5a;font-size: 12px;padding-left: 0;}
#search [type="text"]:-moz-placeholder {color: #5b5a5a;font-size: 12px;padding-left: 0;}
#search [type="text"]::-moz-placeholder {color:#5b5a5a;font-size: 12px;padding-left: 0;}

#navSearchBox { display: inline-block; margin-bottom: 10px;}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
    .safari_only::-webkit-input-placeholder {padding: 0 0 0 0 !important;}
    .safari_only:-moz-placeholder {padding: 0 0 0 0 !important;}
    .safari_only::-moz-placeholder {padding: 0 0 0 0 !important;}
}}

#search [type="submit"] {
    background-image: url(/images/sprite.png); 
	background-repeat: no-repeat; 
	background-position: 6px 6px; 
	height: 28px;
	right: 5px;
    top: 0;
	position: relative; 
	text-indent: -999em; 
	width: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* 9.NAVIGATION */
.cookie-policy { float: none;}
.functionality-wrapper { float: left;}
.lang-close-button {margin-bottom: 10px;margin-top: 14px;float: right;}
.lang-close-button img {width: 10px;margin-left: 10px;border-radius: 50%;padding: 5px;background-color:#5b5a5a;}
/*select#langSelect {color: #5b5a5a;border: solid 1px #cbcbcb;padding:.3em;width: 100%;}*/
span.language { color: white;}
#lang-banner {display: none;}
.lang-picker { background-color: lightgray;}
.site-lang {color:white;text-decoration: underline;cursor: pointer;}
/*.langLabel { float: right;margin-top: 6px;margin-right: 10px;font-size: 24px;}*/
/*.lang-select {margin-right: 0;}*/
/*.lang-dropdown {float: right;width: 200px;margin-top: 7px;}*/
.cookie-policy h2 { margin-top: 0;}
.cookie-policy p a { float: none;}


.global-nav     { font-size: .8125em; margin: .8em auto 2.4em auto; padding: 0; position: relative; text-align: center; }
.global-nav li a.title, .global-nav li a { color: white; }
.global-nav li  { display: inline-block; list-style-type: none; margin: 0; padding: 0; width: 45%; }
.nav-wrap       {  background: #77787b; }

.currentNav { background: #252525 !important; }

.nav-toggle     { color: #fff; cursor: pointer; display: block; height: 44px; line-height: 2.75em; padding-left: 5px; text-transform: uppercase; width: 100%; }
    
    .nav-toggle.active { background: #000; }
    .nav-toggle:hover { color: #fff; }
    .nav-toggle .indicator {
        background: transparent url(/images/sprite.png) right -890px no-repeat;  
        display: block;
        height: 44px;
        float: right;
        margin-right: 14px;
        width: 44px;
    }
        .nav-toggle.active .indicator { background-position: 13px -36px; }
    
    .nav-toggle .close              { display: none; }
    .nav-toggle.active .close       { display: inline; }

    

	.meta {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
		.meta li {
			display: block;
			padding: 0;
			text-decoration: none;
			width: auto;
		}
		
		.nav li a.show-hide { 
			background: transparent url(/images/sprite.png) right -83px no-repeat; 
			height: 40px;
			margin: 0;
			opacity: .9;
			padding: 0; 
			position: absolute;
			right: 10px;
			text-indent: -999em;
			top: 0; 
			width: 100%;
		}
		
		.nav li.on a        { color: #fff; }
		.nav li.on a:hover, 
		.nav li.on a:active { color: #c5161c; } 
		
		
		.nav li a.show-hide .show-hide:hover { opacity: 1; }
		.nav li.on .show-hide { background: transparent url(/images/sprite.png) 10px -39px no-repeat; width: 40px; }
		
		.crumb { display: none; }
		
	/* 10.CONTENT */

        .searchSideBar {
            margin: 30px 0;
            padding: 15px;
            border-top: 1px solid #e1e1e0;
            border-bottom: 1px solid #e1e1e0;
        }

	/* PAGE SPECIFIC */

		/* Ross CSS */
		
		body.support.glossary {  }
		body.freight-insurance .contact { margin-left: 2em; }
		body.support div.supportgrid td {
			padding-bottom: 10px;
		}
		body.support div.supportgrid th {
			color: #ffffff;
			background-color: #7c98ae;
			padding: 3px 0px 3px 4px;
		}
		.formtable tr.even td 	{ background: inherit; }
		.formtable td, .formtable th		{ border: none; padding: .75em; }
		.formtable th		{ background: inherit; }

		img.right 			{ float: right; margin: 10px 0 10px 5px; }
		* html img.right	 	{ margin-left: 0; }

		body.page-brand #colorset {overflow: auto;}
		body.page-brand .colordef {float: left; width: 350px; margin-bottom: 2em;}
		body.page-brand .chip {width: 60px; height: 60px; float: left; margin-right: 1em; border: 1px grey solid;}
		body.page-brand #deepblue .chip {background-color: #004165;}
		body.page-brand #brightorange .chip {background-color: #F47B20;}
		body.page-brand #coolgrey .chip {background-color: #E7E7E8;}
		body.page-brand #mediumblue .chip {background-color: #80A1B6;}
		body.page-brand #white .chip {background-color: #FFFFFF;}
		body.page-brand #black .chip {background-color: #000000;}
		
		body.page-reseller div.hey { clear: both; overflow: auto; }
		body.page-reseller #content-container div.hey .heyImg { float: left; padding: 0 15px 20px 0px; border-bottom: none; margin-bottom: 40px; }
		body.page-reseller div.heyBody { padding: 0 5px 20px 25px; margin-top: 0; font-size: 1em; }
		body.page-reseller div.hey h6 { line-height: 1.2em; margin-top: 0px; padding-top: 0px; padding-bottom: 5px; }

        /* Ross CSS */
        
    /* END PAGE SPECIFIC */



#content {
	border: none;
	font-size: .8125em;
	margin: 0 auto;
	position: relative;
}

	#content button { font-size: 1.0833333em; }

	.purchase			{ background-image: none; margin: 3em 0 0 0; padding: 0; }
	.purchase ul 		{ margin: 0; padding: 0; }
	.purchase li		{ float: left; list-style: none; margin: 0 1em 1em 0; }
	.purchase li.secondaryButtons a.button { background: #c5161c; border-top: 1px solid #c5161c; border-bottom: 1px solid #c5161c; text-shadow: 1px 1px 0 #c5161c;}
	.purchase li.secondaryButtons a.button:hover { background: #9f070c; }
	
	.purchase .meta     { display: none; }

	ul.purchase .shopButtons { float: left; width: 150px; }
	select#selectAFSh { max-width: 175px; margin-right: 5px; }

/* server error */
   body.server          {}
        body.server h1  { margin: 1em 0; }
        .error-text     { margin: 0 0 13em 0; }
/* end server error */



/* FEATURE */
	.feature 			{ border-bottom: 1px solid #e1e1e0; margin-bottom: 2em; overflow: hidden; padding: 2em 0 3.5em 0; }
	.feature h1			{ margin: 0; }
	.feature h3			{ margin: 0 0 1.16666667em 0; }
	
	
	.feature .panel-container		{ float: right; margin: 0 0 1em 2em; width: 350px; }
	.feature hgroup                 { display: inline; }
	.feature .summary               {  }
	
	.panel-frame					{ height: 245px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 350px; }
	.panel-frame li					{ left: 0; position: absolute; top: 0; 
	               					    opacity: 0; filter: alpha(opacity=0); }
	.panel-frame li.active			{ opacity: 1; 
                                        filter: alpha(opacity=100);} 
	
	.panel-control	 				{ list-style: none; margin: 2em auto 0; padding: 0; position: relative; overflow: hidden; }
	.panel-control li				{ border: 2px solid #d6d4d4; border-radius: 2px; cursor: pointer; float: left; margin: 0 3px; max-height: 14px; padding: 2px; }
	.panel-control li.active		{ border-color: #828282; }
	.panel-control a				{ display: block; }
	.panel-control img				{ max-height: 14px; max-width: 20px; }
	
/* END FEATURE */

/* ACCORDION */

	.accordion						{ margin: 1em 0 3em 0; padding: 0; }
	.accordion > li					{ border-top: 1px solid #e1e1e0; line-height: 2; }
	.accordion p,
    .accordion span	                { line-height: 1.25; }
	.accordion > li:last-child		{ border-bottom: 1px solid #e1e1e0; }
	.accordion li					{ list-style: none; }
	.accordion ul 					{ margin: 0 0 1em 1.3em; }
	.accordion > li li				{ line-height: 1.5; list-style: square; margin-bottom: .5em; }
	.accordion .no-bullet			{ margin: 1em 0; }
	.accordion .no-bullet li		{ list-style: none; }
	.accordion > li > h3            { background: url(/images/sprite.png) right -237px no-repeat; text-transform:uppercase; color: #333333; font-weight:bold; cursor: pointer; font-size: 1em; margin: .25em 0; }
    .accordion > li > h3 > label    { cursor: pointer; }
	.accordion > li > h3:hover,
    .accordoin > li > h3 label:hover{ color: #333333; }
    .accordion input:checked + h3   { background-position: right -287px; }
	.accordion > li > div 			{ overflow: hidden; max-height: 0px; transition: max-height 0.4s ease-out;}
    .accordion input:checked ~ div  { max-height: 1000px; transition: max-height 0.4s ease-in-out; }

	.accordion > li span			{ display: block; }
	
	.accordion h4					{ font-size: inherit; font-weight: bold; }
	.accordion select				{ width: 100%; }
	.accordion fieldset 			{ padding: 1em 2em; margin-bottom: 1em; }
	
	.accordion .media-list, 
	.accordion .image-list			{ margin: 0; }
	.accordion .image-list li		{ float: left; list-style: none; margin-right: 5%; max-width: 109px; width: 41%; }
	.accordion .media-list li		{ list-style: none; margin-bottom: 2em; overflow: hidden;  }
	.accordion .media-list a img	{ border: 0; float: left; margin-right: 1em; width: 108px; }
	
	.accordion .thumb-frame         { height: 76px; overflow: hidden; width: 109px; }
	.accordion .thumb-frame img     { margin: 0; }
	
	.accordion .media-list			{ display: block; margin-top: 1em; }
	.accordion .media-list .title	{ margin-top: 1.25em; }
	.accordion .media-list .duration{ color: #5b5a5a; }
	
	.accordion .customer-list		{ margin: 0; }
	.accordion .customer-list li	{ list-style: none; }
	.accordion .customer-list img	{ max-width: 100%; }
    .accordion .result {
        position: relative;
        width: 100%;
        height: auto;
        background-color: #901215;
        border:1px solid white;
        box-sizing:border-box;
        cursor:pointer;
    }
    .accordion .result .result-image img {
        width: 100%;
        height: auto;
        transition: opacity ease-in-out 0.3s
    }
    .accordion .result .result-description {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        bottom: 0px;
        box-sizing: border-box;
        width: 100%;
        height: 60px;
        padding: 0 24px;
        background-color: rgba(0,0,0,.8);
    }
    .accordion .result .result-description .result-description-1 {
        font-family: "myriad-pro-condensed";
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        line-height: 16px;
        letter-spacing: 1px;
    }
    .accordion .result .result-description .result-description-2 {
        font-family: "myriad-pro-condensed";
        font-weight: 400;
        font-size: 14px;
        color: #b9b9b9;
        letter-spacing: .5px;
        line-height: 16px;
    }
    .accordion .result:hover .result-image img  {
        opacity: 0.4;
    }

	
/* END ACCORDION */

/* COLUMNIZED DIVS */
	.col-2		        { float: left; margin-right: 5%; width: 45%; }
	.col-3		        { float: left; margin-right: 5%; width: 28%; }
/* END COLUMNIZED DIVS */

/* COLUMNIZED LISTS */
	.split 				{ float: left; margin: 1em 1.75em 1em 1.3em; width: 43%; }
	.split.last 		{ clear: right; }
	.split li 			{ margin-bottom: 1em; }
	
	ul.split 			{ font-weight: normal; }
	ol.split			{ font-weight: bold; } /* creative requirement */
	.split > li span	{ font-weight: normal; }
/* END COLUMNIZED LISTS */

/* BLOG */

.blog h1				{ margin: 1em 0; }
.blog-entry 			{ padding: .25em 0 2em 0; margin-bottom: 2em; }
.blog-entry h4          { font-style: italic;}

.blog-entries .blog-entry { border-bottom: 1px solid rgb(225, 225, 224);}
.blog-entries .blog-entry:last-child { border-bottom: 0; }

.leader 				{ margin: 0;  }
.leader figcaption 		{ text-transform: uppercase; font-style: normal; }
.leader img				{ max-width: 100%; }

/* blog page secondary styles */

/*  removed in rev.1126 [dec.2013]- perserved in case this is to be brought back, remove cruft eventually */
.subscription-form fieldset 		{ padding: 1.5em; }
.subscription-form label .headline  { font-size: 1.4em; color: #000; font-weight: bold;}
.subscription-form label span		{ color: rgb(91, 90, 90); display: block; font-weight: normal; margin-bottom: .75em; }
.subscription-form input			{ font-size: 1.25em; margin: 0; padding: .25em 0; width: 100%; }
.subscription-form button			{ float: right; }
.blogSubscriptionNotification .error { margin-top: 30px; }

.add-this               { padding: 10px 0 20px 0;}
.add-this a             { margin: 2em .25em 0;}


.rss-container { 
	background: url(/images/sprite.png) -1px -840px no-repeat; 
	border: 1px solid rgb(225, 225, 224); 
	border-left: 0; 
	border-right: 0; 
	margin: 3em 0 0 0; 
	padding: 1em 0; 
}
.rss-container .rss { font-size: 1.25em; padding-left: 40px;  }

/* RSS DISPLAY */

#divRss {
    border-top: solid 1px #eee;
    padding: 0 1em 1em 0;
	margin-top:2em;
}

.ItemTitle { margin: 1em 0 0 0; }
.ItemTitle a { font-weight: bold; font-size: 1.5em; }

.ItemContent {
    border-bottom:1px solid #eee;
    color:#3E3E3E;
    margin-bottom: 2em; 
}
.ItemDate   { color:#AAA; }
#divSrc     {  }

/* RSS DISPLAY */

.syndicate-links            { font-size: 1.25em; list-style: none; margin: 1em 0; }
    .section-blog .blog,
    .section-news .news     { display: none; }


.filter ul, 
.filter ol			        { height: 9.5em; margin: 0 0 2em 0; overflow: hidden; }
.filter.expanded ul, 
.filter.expanded ol         { height: auto; }
.filter.expanded .show-all  { display: none; }

.filter h2                  { cursor: pointer; }
.filter .control            { background: url(/images/sprite.png) right -237px no-repeat; color: #252525; position: absolute; right: 0;  top: 1.16666667em; }
    .filter .control:after            { content: "+"; }
    .filter.expanded .control:after   { content: "-"; }

.filter li			{ list-style: none; margin-bottom: .5em; }

.filter 			{ border-bottom: 1px solid rgb(225, 225, 224); position: relative; }
.filter:last-child	{ border: 0; }

.pagination			            { margin: 0 auto; position: relative; }
.pagination li		            { display: block; float: left; list-style: none; padding-right: 1em; }
	
    .pagination li.first	{ margin-right: 1em; border-right: 1px solid rgb(225, 225, 224); }
	.pagination li.last	{ padding-left: 1em; border-left: 1px solid rgb(225, 225, 224); }

.filter .syndicate-links {
    height: auto;
}      

/* end blog page secondary styles */


/* END BLOG */


/* FIGURES */
.feature figure.right		{ float: none; }


.figure-list 				{ list-style: none; margin: 0 0 2em 0; overflow: hidden; padding: 0; }
.figure-list figure 		{ margin: 0 0 1em 0; }
.figure-list li 			{ float: left; }
.figure-list-small li 		{ margin-right: 3%; width: 17%; }
.figure-list-large li 		{ margin-right: 10%; width: 40%; }

/* END FIGURES */


/* SITEMAP */
    .sitemap                { list-style: none; margin: 0; }
    .sitemap > li           { border-top: 1px solid rgb(225, 225, 224); clear: both; padding: 3em 0; }
    .sitemap > li:last-child  { border-top: 1px solid rgb(225, 225, 224);  }
    .sitemap > li h2        { display: block; float: left; margin: 0; width: 35%; }
    .sitemap .child-links   { display: block; float: left; margin: 0 0 3em 5%; width: 60%; }
    .sitemap ul             { border: 0; display: block; float: left; list-style: none; margin: 0; overflow: hidden; width: 50%;}
    .sitemap ul li          { border: 0; padding: .25em;}
   
/* END SITEMAP */

/* CAROUSEL */

/* .carousel { clear: both; max-height: 539px; margin-top: -25px; } */

.hidden { visibility: hidden; }

.liquid-slider-wrapper:before,
.liquid-slider-wrapper:after,
.carousel:before, 
.carousel:after {
	clear:both;
	content: ".";
	display: block; 
	height: 0; 
	visibility: hidden;
}

.panel .caption 	{
	background: url(/images/opacity-black.png);
	bottom: 3px;
	color: #fff;
	height: 8px; 
	margin-bottom: 0;
	overflow: hidden; 
	padding: 0 20px; 
	position: absolute;
	width: 100%;
}

.panel .caption.current	{ height: auto; min-height: 4em; padding: 0 20px; }

.panel .caption .detail 		{ display: none; margin-right: 130px; height: 0; }
.panel .caption .detail.active	{ height: 0; }
.panel .caption:hover .detail 	{ 
	/* =======  REMOVING CAPTION POPUP ON HOVER  ======= */
	/*display: block;*/ 
}

/*.panel h2		{ display:none; }
.panel h3		{ color: #fff; font-size: 1.5em; margin: .25em 0 1em 0; }
.panel .button { 
	-moz-box-shadow: 	0px 1px 3px 1px #000;
	-webkit-box-shadow: 0px 1px 3px 1px #000;
	box-shadow: 		0px 1px 3px 1px #000;
	bottom: 1.75em;
	padding: .5em 1em;
	position: absolute;
	right: 1.75em;
	z-index: 3;
}*/

.panel a.button.homeCarouselButton { font-size: 22px; text-transform: uppercase; bottom: 20px; position: relative; right: inherit; }

	/* carousel responsive overrides */
	.panel .caption         { height: auto; } 
	.panel .caption.current { bottom: 3px; }
	.liquid-slider-wrapper  { /*min-height: 280px;  was 330 */ }

/* CAROUSEL */

/* SHOW HIDE WIDGET */
	.controller					{ text-align: right; }
    .show-hide.button.text      { background-color: white;border: none;box-shadow: none;text-shadow: none;color: #c5161c;}
	.button.show-hide 			{ margin-left: 1em; min-width: 11px; padding: .15em .5em; text-align: center; }
	.info						{ max-height: 0; overflow: hidden; }

    .tabular-data input[type="checkbox"] { display: none; }

    .tabular-data label { display: inline-block; cursor: pointer; }
    .tabular-data label a { pointer-events: none; }

    .tabular-data .show-hide-label .active,
    .tabular-data .show-hide.button .active {
        display: none;
    }

    .tabular-data .show-hide-label .inactive,
    .tabular-data .show-hide.button .inactive {
        display: inline;
    }

    .tabular-data > input:checked ~ .controller .show-hide-label .active,
    .tabular-data > input:checked ~ .controller .show-hide.button .active {
        display: inline;
    }

    .tabular-data > input:checked ~ .controller .show-hide-label .inactive,
    .tabular-data >input:checked ~ .controller .show-hide.button .inactive {
        display: none;
    }

    .tabular-data > input:checked ~ div.info {
        max-height: 100%;
    }
	
/* END SHOW HIDE WIDGET */



/* HOME PAGE ELEMENTS */

	.intro-main,
	.intro-contact 		    { margin: 1em 0; padding: 0 1em; /* float: left; width: 50%; */ }
	
	.intro-main 		    { padding-right: 30%; }
	    .intro-main h1      { font-size: 1.875em;    }
	
	.intro-contact h3	    { margin-top: 2em; }
	.intro-contact h5	    { margin: -.5em 0 1.5em 0; }
		.phone-support 	    { float: none; margin-right: 0; width: 100%; }
		.web-support	    { float: none; margin-right: 0; width: 100%; }
		.web-support ul	    { list-style: none; margin: 1.5em 0 0; padding: 0; } 
		.web-support li	    { margin-bottom: .75em; }
	
	.product-card			{ list-style: none; margin: 0 auto; max-width: 310px; overflow: hidden; position: relative; }
	.product-card li 		{ background: url(/images/half-tone.png); float: left; margin-bottom: 2em; /*max-width: 310px;*/ padding: 0 0 5.2em 0; position:relative;}
	.product-card li li     { background: transparent; list-style: disc; margin-bottom: .5em; max-width: 100%; padding-bottom: 0; }
	.product-card img		{ clear: both; display: block; margin: 0 auto; width:100%;}
	.product-card .date		{ display: block; font-size: .875em; margin-top: 2em; }
	.product-card .wrap		{ margin: 0 20%; }
	.product-card .title	{ display: block; font-size: 1.25em; margin-bottom: 1em; }
		
/* END HOME PAGE ELEMENTS */


/* CATEGORY LANDING */
	.hero				{ border-bottom: 1px solid #e1e1e1; padding-bottom: 1em; }
	.hero article		{ padding-top: 2em; }
	.hero .hero-text	{ /* PLAN-373  float: left; */ }
	.hero figure 		{ float: right; margin: 0; width: 100%; }
	.hero figure img	{ float: right; max-width: 100%; }
	
	dl					{ margin-top: 2em; }
	dt					{ float: left; font-size: 1.875em; padding-right: 5%; width: 45%; }
	dd					{ float: left; margin-bottom: 1.5em; width: 50%; }

	/* Showcase */
	/*.showcase 			{ border-top: solid 1px #e1e1e1; clear: both; list-style: none; margin: 3em 0 0 0; padding: 5em 0 0 0; }
	.showcase > li		{ background: url(/images/half-tone.png); float: left; margin: 0 2% 38px 0; padding: 20px 3%; position: relative; width: 100%; }
	.showcase img		{ border: 0; position: absolute; top: -25px; right: 15px; }
	    .product-landing .showcase img { }
	.showcase a			{ max-width: 60%; }
	.showcase h3        { margin-top: 2.5em; }
	.showcase .button   { display: none; }*/

/* END CATEGORY LANDING */

/* PRODUCT DETAIL */
	.related-items		{ list-style: none; margin: 2em 0 0 0; padding: 0; }
	.related-items li	{ float: left; margin-right: 3%; width: 30%; }
/* END PRODUCT DETAIL */


/* CHANNEL INTELLIGENCE POTENTIAL REFACTOR */
    .citable table          { border: 0; margin-bottom: 5em; }
    .citable td             { border: 0; text-align: center; }
    /* Fixing inline CSS put inline by Ross at CI */
    #cii_footer             { display: none; }
    tr.even tr.odd td       { background: #fff; }
    .citable th img         { display: none; }
    /* This rule overrides CI injected styles that get removed on load (js) - but this greatly helps the initial load flash of style puke */
	.cii-buy-text,		
	.cii-stock.in,
	.cii-stock.out,
	.cii-stock.check { font-size: inherit !important; font-weight: inherit !important; text-transform: inherit !important; color: inherit !important;}
    /* end fixing */
    #cii_prodgrid           { background-image: none; }
/* CHANNEL INTELLIGENCE */



/* 11.MAIN (.primary) */
.primary { padding: 0 0 2em 0; }
	.dt-homepage .primary { padding-top: 27px; width: 100%; }
	.dt-homepage #content { padding: 0; }
	
	.primary p img { margin: 0 1em 1em 0; }


.primaryWide { padding: 0 0 2em 0; padding-top: 10px; width: 100%; }

/* 12.COMPLEMENTARY (.secondary) */
.secondary      { clear: both; margin-bottom: 3em; padding-top: 14px; }
	.promo      { margin: 1.5em 0; }
	.promo img  { margin-left: 0px; max-width: 265px; }

.tertiary {} /* NOPE */

aside {
	background:#E3E3E3;
	clear:both;
	padding:1em;
}

/* 13.CONTENTINFO */

.footerColumn { float: left; width: 25%; box-sizing: border-box; padding: 0px 20px; }
.footerColumnLinks ul { margin-left: 0px; }
.footerColumnLinks li { list-style-type: none; margin-left: 0px; margin-bottom:5px;}
.footerColumn h3 a { }
footer[role="contentinfo"] { 
	border-top: 1px solid #c4c2c2;
	clear: both; 
	font-size: .8125em;
	padding: 15px 5px 3em;
	position: relative;
}

	.social					{ margin: 1em 0 2em 0; }
	.social li				{ display: block; float:left; width:25%; }
	.social li a			{ background: url(/images/sprite.png) 0 0 no-repeat; display: block; height: 31px; opacity: .82; text-indent: -999em; width: 30px; }
	.social li a:hover		{ opacity: 1; }
	.social .facebook		{ background-position: 0 -500px; }
	.social .twitter		{ background-position: 0 -542px; }
	.social .linkedin		{ background-position: 0 -585px; }
	.social .pinterest  	{ background-position: 0 -627px; }
	.social .youtube		{ background-position: 0 -670px; }
	.social .vimeo          { background-position: 0 -969px;}
	.social .gplus		    { background-position: 0 -1002px; }


	.meta 					{ position: relative; line-height: 1.4; margin: 1em 0;  }
	.meta li 				{ display: block; float: left; padding: 0 1.5em 1.5em 0; }
	.meta li:last-child 	{ padding-left: 0; }
	

/* 14.GLOBAL OBJECTS */
.inner-wrap, #content, footer   { padding: 0 5px; }

/* JQUERYUI ELEMENTS */

	/*.ui-dialog 					{ background: #fff; border-radius: 10px; max-width: 550px; padding: 0 3em 3em; }
	.ui-dialog fieldset 		{ background: transparent; }
	.ui-widget-overlay 			{ background: #000; opacity: .84; position: absolute; top: 0; }
	.ui-dialog-titlebar			{ height: 0; }
	.ui-dialog-titlebar-close 	{ background: url(/images/sprite.png) 0 -800px no-repeat; height: 25px; position: absolute; right: 8px; text-indent: -999em; top: 10px; width: 25px; }*/
	
	/* theming */
	/*.video-container                            { max-width: 740px; width: 100%!important; }*/
	/*.video-container.ui-dialog                  { padding: 0 1.25em 1em 1.25em; }*/
	/*.video-container .ui-dialog-titlebar        { height: 3em; }*/
	/*.video-container iframe                     { border: 0; }*/
	/*.video-container p                          { margin: 1em 0; }*/
    .video-modal iframe                         { max-width: 100%; }
    .video-spinner                               { width: 100%;height: 100px; margin: auto; background-image: url(/images/loading.gif); background-repeat: no-repeat; background-position: center; }

/* END JQUERYUI ELEMENTS */

.wrapper {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.inner-wrap { margin: 0 auto; padding: 0 5px; position: relative; }

.accessibility 	{ height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }
/*.column 		{ float: left; width: 45%; margin-right: 2%; }*/

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
    .feature .medium { width: 100%; }
.large 			{ width: 90%; }
.error, .red 	{ color: red; }

/* there's always a better way than using these. */
.hide			{ display: none; }
.left 			{ float: left; margin: 10px 5px 10px 0; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; }
/*.clear 			{ clear: both; }*/
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }

/* self-clear floats */
article:before, 
article:after,
.clearfix:before,
.clearfix:after,
.group:before,
.group:after,
[role="banner"]:before,
[role="banner"]:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
}

*:first-child+html .group {
	min-height: 1px;
}

/* ========== LANDING PAGE ============= */

.landingTitle h1 { margin:40px 0px 0px; text-align:center;}
.landingTitle h3 { text-align: center; font-size:1.4em; margin-top:5px;}
.landingImage { margin-bottom: 40px; text-align: center; }
	.landingImage ol.panel-frame { height: 245px; margin: auto; overflow: hidden; padding: 0; position: relative; width: 350px; }
.feature.landingFeature { padding-top: .5em; }


/* 15.VENDOR-SPECIFIC */
body {
-webkit-text-size-adjust : 100%; }

a:link { 
-webkit-tap-highlight-color : rgb(52,158,219); }

::-webkit-selection { 
background : rgb(39,46,54); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(39,46,54); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(39,46,54); 
color : rgb(250,250,250); 
text-shadow : none; }

/* Remove inner padding and border in FF3/4 h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { 
border: 0; 
padding: 0; }

input:-moz-placeholder { 
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

div,
input,
textarea  { 
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box; }

/* 16.TEMPLATE SPECIFICS */

body.CalculatorLanding .inner-wrap,
body.ProductCategoryLandingWide .inner-wrap {width:958px!important;}
body.CalculatorLanding,
body.ProductCategoryLandingWide {min-width:960px!important; margin:auto!important; overflow:auto!important;}

.content-unavailable {
    margin: auto;
    width: 50%;
    padding-top: 15px;
}

/* 17.MODERNIZR */
/* BORDERRADIUS */
.borderradius aside {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}


@media print {
* { 
background : transparent !important; 
color : black !important; 
text-shadow : none !important; 
filter : none !important; } 

header,
footer,
fieldset,
.controller,
.secondary  { display: none; }

.primary { float: none; width: 100%; } 

.accordion li > div { height: auto; }

.inactive { display: block; }

a, a:visited { 
color : #444 !important; 
text-decoration : underline; }

a[href]:after { 
content : " (" attr(href) ")"; }

abbr[title]:after { 
content : " (" attr(title) ")"; }

a[href^="javascript:"]:after, 
a[href^="#"]:after { 
content : ""; }
  
pre, blockquote { 
border : 1px solid #999; 
page-break-inside : avoid; }

thead { 
display : table-header-group; }

tr, img { 
page-break-inside : avoid; }

@page { 
margin : .5cm; }

p, h2, h3 { 
orphans : 3; 
widows : 3; }

h2, h3 { 
page-break-after : avoid; }
}/*/mediaquery*/

/* MEDIA QUERIES */

/*480px __________________________________________________________________________________________________________ */
@media only screen and/*!YUI Compressor */ (min-width: 480px) {

/* 1.ROOT */
body { }
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */

/*Lang banner*/ 

.cookie-policy {float: left;margin-top: 4px;}
.cookie-policy h2 { margin-top: 0;}
.cookie-policy p a { float: none;}
.lang-close-button {margin-bottom: 10px;margin-top: 14px;float: right;}
.lang-close-button img {width: 10px;margin: 0 0 0 10px;border-radius: 50%;padding: 5px;background-color: #5b5a5a;}

/* 8.BANNER */
.brand { }
#search { }
/* 9.NAVIGATION */
/* 10.CONTENT */

.feature figure.right	{ float: right; }
	
	/* carousel responsive overrides */
	.panel .caption { height: auto; } 
	.panel .caption.current { bottom: 3px; }
	.liquid-slider-wrapper { /*max-height: 390px;*/ }
	
	.liquid-slider-wrapper .liquid-slider .panel { max-width: 480px; }
	
	.showcase > li		{ float: left; max-width: 268px; width: 41%; }
	
	
	/* HOME PAGE ELEMENTS */
	
	.product-card			{ list-style: none; margin: 0 0 0 1em; max-width: 100%; overflow: hidden; position: relative; }
	.product-card li 		{ background: url(/images/half-tone.png); float: left; margin-bottom: 2em; margin-right: 10px; /*max-width: 47%;*/ padding: 0 0 5.2em 0; }
	.product-card img		{ clear: both; display: block; margin: 0 auto; min-width: 219px; }
	.product-card .date		{ display: block; font-size: .875em; margin-top: 2em; }
	.product-card .wrap		{ margin: 0 10%; }
	.product-card .title	{ display: block; font-size: 1.25em; margin-bottom: 1em; }
		.phone-support 	    { float: left; width: 57%; margin-right: 8%; }
		.web-support	    { float: left; width: 35%; margin-right: 0; }

	/* HOME PAGE ELEMENTS */

/* 11.MAIN */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */

	.meta 			{  }
	.social         {  }
	
/* 14.GLOBAL OBJECTS */

.inner-wrap, nav[role="navigation"], #content { }

/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */

/* 17.MODERNIZR */

}/*/mediaquery*/

@media only screen and /*!YUI Compressor */ (max-width: 768px) {
	.social li	{ width:50%;}
    .lang-close-button { position: absolute;top: 0;right: 0;float: none;}
    .functionality-wrapper {margin-bottom: 10px;}
    /*.lang-dropdown {margin-right: 25px;}*/
    .lang-close-button img {margin: 0 5px 0 10px;}
}
 @media only screen and /*!YUI Compressor */ (max-width: 480px) {
	.social li	{ width:100%;}
}

/*768px __________________________________________________________________________________________________________ */
@media only screen and/*!YUI Compressor */ (min-width: 768px) {

/* 1.ROOT */

body { }

/* 2.HEADINGS */

h1 { clear: none; }

/* 3.TYPOGRAPHY */
/* 4.LINKS */
a.brand {
   /*background: transparent url(/images/logo.png) 0 0 no-repeat;*/
   display: block;
   float: left;
   /*height: 40px;*/
   margin: 20px 0 4px 0;
   /*text-indent: -999em;*/
   top: 0;
   width: 420px;
   
}

/* 5.FIGURES & IMAGES */
/* 6.TABLES */
	
/* 7.FORMS */

#search { position: absolute; right: -2px; top: 46px; }
#search [type="text"] { width: 230px;}
#search [type="submit"] { background-position: 8px 6px; }
.contact {
	position: inherit;
}

/* Redirect banner */
.redirect-banner .text-wrapper {width: 55%;}
/*.text-wrapper { width: 62%;margin-left: 20px;}
.close-button { float: right;position: relative;right: 0;top: 0;margin-right: 0;margin-top: 0;}*/

/* 8.BANNER */

header .inner-wrap { padding: 0; }

/* 9.NAVIGATION */
.functionality-wrapper {float: right;}

.nav-toggle { display: none; }


.global-nav { margin: 1.25em auto .4em auto; padding: 0; float: right; }
.global-nav li { list-style-type: none; margin: 0; padding: 0; padding-left: 2em; float: left; text-align: right; width: auto;}


.nav-wrap 	{ background: #77787b; min-height: 45px; }

.nav .show-hide  { display: none; }
	
	#nav1 { width: 16%; }
	#nav2 { width: 18%; }
	#nav3 { width: 19%; }
	#nav4 { width: 19.5%; }
	#nav5 { width: 16.5%; }
	#nav6 { width: 11%; }
	
	
	#nav5 .menu  { left: auto; right: 0; }
	#nav6 .menu  { left: auto; right: 0; }

	.menu { background: #252525; display: none; overflow: hidden; position: absolute; top: 44px; width: 320px; }

    .nav li.on      { background: transparent; }


	

/* breadcrumbs */   
.crumb-wrap 			{ border-bottom: 1px solid #e1e1e0; line-height: 4; overflow: hidden; padding: 0;  }
	.dt-homepage .crumb-wrap	{ display: none; }
.crumb 					{ display: block; font-size: .6875em; margin: 1.25em 0 0; }	
.crumb span 				{ background: url(/images/sprite.png) 17px -189px no-repeat; 
					  	  display: block; float: left; list-style: none; padding-left: 4.25em; 
					  	}
.crumb span.home			{ background-position: 9px -136px; opacity: .8; padding-left: 2.5em; }
    .crumb span.home:hover{ opacity: 1; }
    .crumb span.home a    { display: block; height: 30px; margin: 5px 0 0 -26px; text-indent: -999em; width: 30px; } 
.crumb span:first-child 	{ margin-right: -8px; }


/* 10.CONTENT */
	
	/* carousel responsive overrides */
	.panel .caption         { height: 8px; } 
	.panel .caption.current { }
	.liquid-slider-wrapper  { /*max-height: 543px;*/ }
	
	/* Adjustment for Robin */	
	.liquid-slider-wrapper .liquid-slider .panel { max-width: 768px; }


	/* HOME PAGE ELEMENTS */
	.phone-support h2 { margin-top: .6em; }
	h2 span.phone {white-space: nowrap; }
	
	
	.home-info		{ margin-bottom: 2em; position: relative; float: left; width: 33%; overflow: hidden; }
	
	.intro-main h3 	{ margin-bottom: 2em; }
	
	.intro-contact {
		position: absolute;
		right: 0;
		width: 27%;
		top: 1.5em;
	}
	
	.web-support,	
	.phone-support { float: none; width: 100%; }
	
	.product-card {
		margin-right: 30%;
	}
	
	.panel .caption .detail.active	{ height: auto; }
	
	/* HOME PAGE ELEMENTS */


	.showcase li { width: 40%; }
    
	.hero figure 		{ float: right; margin: 0 0 1.5em 1.5em; width: 63%; }

/* 11.MAIN */
*[role="banner"] { padding: 0 5px; }

.primary { display: inline; float: left; margin-right: 5%; padding-bottom: 80px; width: 67%; }
	.dt-homepage .primary { padding-top: 27px; padding-bottom:0px;}
	
*[role="main"] p {
line-height : 1.3; }

/* 12.COMPLIMENTARY */
.secondary 
{
	clear: none;
	display: inline;
	float: left;
	padding-top: 14px;
	width: 28%;  
}

.promo img.featured { margin-left: 0; max-width: 100%; }

.tertiary {}

.secondary iframe /* Act On */s
{
    border: 0;
    min-height: 54em; 
    width: 100%;
    }

/* 13.CONTENTINFO */
footer[role="contentinfo"] {
font-size : 90%; }

.social { float: none; }
.meta { line-height: 2; position: absolute; right: 0;}
.meta li:last-child { padding-left: 2em; padding-right: 0; }

/* 14.GLOBAL OBJECTS */
.inner-wrap, nav[role="navigation"] {}

/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}/*/mediaquery*/

/*960px __________________________________________________________________________________________________________ */
@media only screen and/*!YUI Compressor */ (min-width: 960px) {

/* 1.ROOT */
body { }
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */

/*Redirect Banner */

/*.redirect-banner {top: 88px; position: fixed;  padding: 15px 0;z-index: 5;width: 100%;}*/
/*.close-button { margin-right: 5px;}*/

/* 8.BANNER */

header[role="banner"] .inner-wrap { overflow: hidden;  }
.global-nav { margin: 1.25em 3px .4em auto; }

/* 9.NAVIGATION */

#nav6 	{  }
	
.menu { min-width: 320px; width: 100%; }

/* 10.CONTENT */

.liquid-slider-wrapper { /*min-height: 540px;*/ } /* web-kit bug hack */

.home-info	{overflow: hidden;}

.intro-main, 
.intro-contact { padding-left: 0; } 

.intro-main {
	float: left;
	margin-right: 5%;
	padding-right: 0;
}

.intro-contact {
	float: left;
	position: relative;
	width: 50%;
}
	.phone-support { float: left; margin-right: 10%; width: 60%; }
	.web-support { float: left; width: 30%; }
	.phone-support h2 { margin-top: 1.16666667em; }

.product-card 	  	{ margin: 0; }
.product-card li 	{ /*max-width: 229px;*/ }
.product-card img	{ width:100%; }


	.showcase li { width: 268px; }
	

/* 11.MAIN */
*[role="banner"] { padding: 0; }
*[role="main"] { }

*[role="main"] p {
line-height : 1.4; }

/* 12.COMPLIMENTARY */

*[role="complementary"] {
overflow : hidden; }


.promo img.featured { margin-left: 18px; }

/* 13.CONTENTINFO */

.meta {  }


/* 14.GLOBAL OBJECTS */

.inner-wrap, #content { max-width: 960px; padding: 0; }

/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}/*/mediaquery*/

/*1400px __________________________________________________________________________________________________________ */
@media only screen and/*!YUI Compressor */ (min-width: 1400px) {

/* 1.ROOT */

/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */


a.brand {
   /*height: 40px;*/
   width: 405px;
}

/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.CONTENT */

.home-info				{ }
.home-info .intro-main h1 {font-size: 1.7em;}
.product-card li		{ margin-right: 8px; max-width: 228px; }
.product-card li:last-child {margin-right:0px;}
.intro-main				{ float: none; margin-top: 1.4em; width: 96%; }
.intro-contact			{ float: none; width: 80%; }
.web-support,
.phone-support			{ float: none; width: 100%; }


/* 11.MAIN */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */

/* home page gets it's own width on wide screens */
.dt-homepage .inner-wrap,
.dt-homepage #content 	{ max-width: 1400px; padding: 0 5px; }

.dt-homepage #content,
.dt-homepage footer,

.dt-homepage #nav6 	{  }

/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}/*/mediaquery*/

 ul#staticSocial {
     float:left;
 }
 ul#staticSocial li {
     width:30px;
     margin-right:10px;
 }
/*======== PROWORKS ADDED HOME RESPONSIVE STYLING 9/12/2016 =============*/
.product-info { float: right; margin-top: 1.4em; width: 67%; }
.product-card li {width:24%; overflow:hidden; margin-right:1%;}
@media only screen and /*!YUI Compressor */ (max-width: 1024px) {
    .product-info {float:none; width:100%;}
    .home-info { width:100%;}
    .intro-main {width:45%;}
}
@media only screen and /*!YUI Compressor */ (max-width: 960px) {
    .intro-main {padding-right:30%; width:100%;}
    .home-info {margin-top:30px;}
    .product-card li {width:47%;}
}
@media only screen and /*!YUI Compressor */ (max-width: 480px) {
    .product-card li {width:100%;}
    .intro-main {width:100%; padding-right:5%; padding-left:5%;}
}

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

/*2x __________________________________________________________________________________________________________ */
@media only screen and/*!YUI Compressor */ (-webkit-min-device-pixel-ratio: 2), only screen and/*!YUI Compressor */ (min-device-pixel-ratio: 2) {

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.CONTENT */
/* 11.MAIN */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}/*/mediaquery*/