/* Category listing */
#category .c-row.col-3.p_categories {margin-bottom:2em;}
#category .c-row.col-3.p_categories li {width:30%;margin:0 0 0 4.995%;}
#category .c-row.col-3.p_categories li:first-child {margin:0;}
#category .p_categories li {text-align:left;}
#category .p_categories li > .desc {text-align:left;padding-top:0.5em;font-size:0.9em;}
#category .p_categories li > .desc > a.arrow {display:block;margin-bottom:0.5em;}
#category .p_categories li > .desc > p {padding-left:10px;}

/* Products listing */
#products .c-row.col-2 {margin-bottom:2em;}
#products .c-row.col-2 > li {width:24%;margin:0 0 0 1%;}
#products .c-row.col-2 > li:first-child {margin:0; width:25%;}
#products .c-row.col-4 {margin-bottom:2em;}
#products .c-row.col-4 > li {width:24%;margin:10px 0 0 1%;}
#products .c-row > li {position:relative;}
#products .c-row > li span.ribbon {background:url(../Images/common/special-ribbon.png) 0 0 no-repeat; position:absolute; display:block; width:61px; height:61px; top:-12px; right:25px;} 
#products .c-row > li a.product-img {width:118px; height:118px; display:block;}
#products .c-row.col-4 > li:first-child {margin:10px 0 0 0; width:25%;}
#products .p_products li {text-align:left;}
#products .p_products li > .desc {text-align:left;padding-top:0.5em;font-size:0.9em;}
#products .p_products li > .desc > a.arrow {display:block;margin-bottom:0.5em;}
#products .p_products li > .desc > p {padding-left:10px;}

#products img.category-banner {display:none;}

#products div.specs ul {margin:0; padding:0; list-style:none;}
#products div.specs ul li {background: url('../Images/bg/list-dash.png') 0 7px no-repeat; padding:0 0 0 10px; margin:0;}

/* Compare Products */

div.compare-box {padding:0 0 0 256px;border-bottom:none; margin:0 0 2px 0;}
div.compare-box div.first {width:208px; padding:20px 7px 0; float:left;}
div.compare-box div.second {width:219px; padding:20px 7px 0; float:left;}
div.compare-box div img {display:block; margin:0 auto;}
div.compare-box h4 {margin:0 0 0 0; font-size:13px; line-height:17px;}
div.compare-box h4.center {text-align:center;}
div.compare-box ul {margin:0 0 10px 0; padding:0;}
div.compare-box ul li {margin:0; padding:0; list-style:none; background:none;}

#comparison-table table {width:692px; margin:0;}
#comparison-table table tr th {width:232px; padding:6px 7px 5px;}
#comparison-table table tr td.first {width:208px; border-left:solid 1px #d4d4d4; padding:6px 7px 5px; }
#comparison-table table tr td.second {width:209px; border-left:solid 1px #d4d4d4; padding:6px 7px 5px;}

#comparison-table h3 {position:relative;}
#comparison-table h3 span.border-1 {position:absolute; top:0; left:256px; background:#fff; width:1px; height:36px;}
#comparison-table h3 span.border-2 {position:absolute; top:0; left:479px; background:#fff; width:1px; height:36px;}
#comparison-table h3 span.prod-1 {position:absolute; top:0; left:264px; display:none;}
#comparison-table h3 span.prod-2 {position:absolute; top:0; left:486px; display:none;}
#comparison-table .ui-accordion-content {padding:0 10px;}

ul.product-compare select.error {border:solid 1px red; color:red;}
p.compare-error {color:red; display:none;}

#wizard.product-search {}
#wizard.product-search div.wizard-tab {width:174px; float:left; height:36px; margin:0 6px 0 0; font-size:0.9em;}
#wizard.product-search div.wizard-tab.last {margin:0 0 0 0;}
#wizard.product-search div.wizard-tab a{background:#ebebeb; border:solid 1px #dadada; text-align:center; color:#333; cursor:pointer; width:172px; height:27px; padding-top:8px; display:block; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; text-decoration:none; behavior:url(/includes/PIE.htc);}
#wizard.product-search div.wizard-tab a:hover, #wizard.product-search div.wizard-tab.tab-selected a {color:#fff; font-weight:bold; border:solid 1px #2895d5; background: #7BBDE5;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7BBDE5), to(#2895D5));
background: -webkit-linear-gradient(#7BBDE5, #2895D5);
background: -moz-linear-gradient(#7BBDE5, #2895D5);
background: -ms-linear-gradient(#7BBDE5, #2895D5);
background: -o-linear-gradient(#7BBDE5, #2895D5);
background: linear-gradient(#7BBDE5, #2895D5);
-pie-background: linear-gradient(#7BBDE5, #2895D5);}
#wizard.product-search #search-wizard {border:solid 1px #2895d5; border-top:3px solid #2895d5; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; behavior:url(/includes/PIE.htc);}

/* Search Tool */

.search-wizard {padding:15px 10px 55px; position:relative; border:solid 1px #dfdfdf;background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%);
-webkit-box-shadow: 0px 3px 5px 0px rgba(190, 190, 190, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(190, 190, 190, 1);
box-shadow:         0px 3px 5px 0px rgba(190, 190, 190, 1);}
.search-wizard.no-btn {padding-bottom:8px;}
.search-wizard ul {margin:0; padding:0;}
.search-wizard ul li {margin:0; padding:0; background:none; list-style:none}
.search-wizard p {margin:0;}
.search-wizard p strong {font-weight:bold; font-size:1.1em; margin:0 0 10px 0; display:block;}
.search-wizard p select {width:100%; margin:0 0 16px 0; height:24px;}
.search-wizard p input {width:99.7%; margin:0 0 16px 0; padding:3px 0; text-indent:5px;}
.search-wizard a.btn {position:absolute; bottom:20px; right:10px; width:100px;}
.search-wizard ul.two-column {}
.search-wizard ul.two-column li{float:left; width:339px; margin-right:14px;}
.search-wizard ul.two-column li.option2 {margin:0;}
.search-wizard ul.three-column {}
.search-wizard ul.three-column li{float:left; width:221px; margin-right:14px;}
.search-wizard ul.three-column li.option3 {margin:0;}
.search-wizard ul.two-row li {margin-bottom:10px;}

.floatingHeader {position: fixed; top: 0; visibility: hidden; background:#ffffff; z-index:9995;}

.table-header {border:solid 1px #dfdfdf;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%);
-webkit-box-shadow: 0px 3px 5px 0px rgba(190, 190, 190, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(190, 190, 190, 1);
box-shadow:         0px 3px 5px 0px rgba(190, 190, 190, 1);}
.table-header .col {float:left; height:51px; line-height:1; padding:0 8px;}
.table-header .col label {font-size:12px; line-height:1; display:block; margin-top:20px;}
.table-header .col label.two-line {margin-top:14px;}
.table-header .col-1 {width:239px;}
.table-header .col-2 {width:206px; border-left:solid 1px #efefef;}
.table-header .col-3 {width:217px; border-left:solid 1px #efefef;}

.table-header .col-3 label {float:left; width:150px;}
.table-header .col-3 .btn {float:right; margin:13px 0 0; z-index:9999;}

#productBanner {margin-bottom:15px;}
.product-search-list-element a {text-decoration: none}

div.findareseller-block {margin-top:41px;}

/* Mobile */
@media screen and (max-width:767px){

	.persist-element {z-index:9994;}

	.table-header .col-1 {width:34%; padding:0; border:none;}
	.table-header .col-2 {width:33%; padding:0; border:none;}
	.table-header .col-3 {width:33%; padding:0; border:none;}
	
	.table-header .col label {padding:0 2%; border-left:solid 1px #efefef; font-size:10px; letter-spacing:-1px; word-spacing:-1px; border:none;}
	.table-header .col-1 label {border:none;}

	.table-header .col-3 .btn {margin:13px 3% 0 0;}

	.persist-element {width:100% !important; left:0 !important; position:absolute;}
	.floatingHeader {position:fixed !important;}

	#comparison-table {padding-top:47px;}
	.table-header .col-3 label {width:70%; display:block; line-height:1; height:32px; padding-top:20px;}
	.table-header .col-3 .btn {border:none; background:url(../Images/buttons/mobile-edit.png) 0 0 no-repeat; background-size:100%; width:20%; max-width:30px; height:auto; margin:16px 2% 0 0; padding:0;}
	.table-header .col-3 .btn span {text-indent:-12345px;}

	.search-wizard ul.two-column li {width:100%;}
	.table-header .col label.two-line {margin-top:0;}
}

@media screen and (max-width:370px){
	.table-header .col label.two-line {margin-top:0; padding-top:10px;}
}

/* Tablet */
@media screen and (min-width:768px) and (max-width:939px){
	.table-header .col-1 {width:34%; padding:0; border:none;}
	.table-header .col-2 {width:33%; padding:0; border:none;}
	.table-header .col-3 {width:33%; padding:0; border:none;}

	.table-header .col {border:none;}
	.table-header .col label {padding:0 2%; border-left:solid 1px #efefef; font-size:10px;}
	.table-header .col-1 label {border:none;}

	.table-header .col-3 .btn {margin:13px 2% 0 0;}
	.table-header .col-3 label {width:100px;}

	.product-compare.two-column .pc-first {width:47.5%; margin:0 5% 0 0;}
	.product-compare.two-column .pc-second {width:47.5%; margin:0;}
}