.none { display: none; }
body, html {
height: 100%;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
body {
margin: 0 auto;
min-height: 100%;
width: 1200px;
}
s
table, table td {
vertical-align: top;
}
/* header section */
#header {
margin: 20px auto;
width: 1200px;
height: 141px;
padding: 10px 0;
}
div.above {
height: auto;
margin: 0 auto;
width: 1180px;
position: absolute; top: 0;
margin-left: 130px;
margin-top: -20px;
}
div.above ul {
margin: 0;
width: 550px;
position: relative;
bottom: 0px;
}
div.above ul li {
display: inline-block;
text-align: center;
padding: 5px 10px;
text-decoration: none;
list-style-type: none;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
div.above ul li a {
text-decoration: none;
}
div.above ul li a span {
text-decoration: none;
width: 88px;
font-size: 95%;
color: #000;
}
/* switch .active to attribute that matches site */
div.above ul li.fas:hover, h2.fas, .active { /* flexible assembly */
background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #222222 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, #666666 0%,#222222 100%);
background: -o-linear-gradient(top, #666666 0%,#222222 100%);
background: -ms-linear-gradient(top, #666666 0%,#222222 100%);
background: linear-gradient(to bottom, #666666 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#222222',GradientType=0 );
}
div.above ul li.fis:hover, h2.fis { /* flexible industrial */
background: #2a68a2;
background: -moz-linear-gradient(top, #2a68a2 0%, #1f5a95 16%, #0e4381 55%, #093c7b 74%, #093c7b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a68a2), color-stop(16%,#1f5a95), color-stop(55%,#0e4381), color-stop(74%,#093c7b), color-stop(100%,#093c7b));
background: -webkit-linear-gradient(top, #2a68a2 0%,#1f5a95 16%,#0e4381 55%,#093c7b 74%,#093c7b 100%);
background: -o-linear-gradient(top, #2a68a2 0%,#1f5a95 16%,#0e4381 55%,#093c7b 74%,#093c7b 100%);
background: -ms-linear-gradient(top, #2a68a2 0%,#1f5a95 16%,#0e4381 55%,#093c7b 74%,#093c7b 100%);
background: linear-gradient(to bottom, #2a68a2 0%,#1f5a95 16%,#0e4381 55%,#093c7b 74%,#093c7b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a68a2', endColorstr='#093c7b',GradientType=0 );
}
div.above ul li.fis:hover span, div.above ul li.fss:hover span, div.above ul li.fas:hover span, .active span { /* BG too dark for font, use white color */
color: #fff!important;
}
div.above ul li.fss:hover, h2.fss { /* flexible scientific */
background: #c52120;
background: -moz-linear-gradient(top, #c52120 0%, #aa0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c52120), color-stop(100%,#aa0019));
background: -webkit-linear-gradient(top, #c52120 0%,#aa0019 100%);
background: -o-linear-gradient(top, #c52120 0%,#aa0019 100%);
background: -ms-linear-gradient(top, #c52120 0%,#aa0019 100%);
background: linear-gradient(to bottom, #c52120 0%,#aa0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c52120', endColorstr='#aa0019',GradientType=0 );
}
div.above ul li.fa:hover, h2.fa { /* flexible automated */
background: -moz-linear-gradient(top, rgba(255,228,117,1) 0%, rgba(255,212,37,1) 44%, rgba(255,207,15,1) 59%, rgba(255,204,0,1) 74%, rgba(255,204,0,1) 96%, rgba(255,204,0,0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,228,117,1)), color-stop(44%,rgba(255,212,37,1)), color-stop(59%,rgba(255,207,15,1)), color-stop(74%,rgba(255,204,0,1)), color-stop(96%,rgba(255,204,0,1)), color-stop(100%,rgba(255,204,0,0.6)));
background: -webkit-linear-gradient(top, rgba(255,228,117,1) 0%,rgba(255,212,37,1) 44%,rgba(255,207,15,1) 59%,rgba(255,204,0,1) 74%,rgba(255,204,0,1) 96%,rgba(255,204,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(255,228,117,1) 0%,rgba(255,212,37,1) 44%,rgba(255,207,15,1) 59%,rgba(255,204,0,1) 74%,rgba(255,204,0,1) 96%,rgba(255,204,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(255,228,117,1) 0%,rgba(255,212,37,1) 44%,rgba(255,207,15,1) 59%,rgba(255,204,0,1) 74%,rgba(255,204,0,1) 96%,rgba(255,204,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(255,228,117,1) 0%,rgba(255,212,37,1) 44%,rgba(255,207,15,1) 59%,rgba(255,204,0,1) 74%,rgba(255,204,0,1) 96%,rgba(255,204,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe475', endColorstr='#99ffcc00',GradientType=0 );
}
#header table#hdtable {
display: table-block;
height: 40px!important;
width: 1200px;
margin-top: -30px;
}
#header table td a.topheader {
display: block;
position: absolute;
top: 15px;
margin-left: -18px;
width: 268px;
height: 98px;
background-image: url('//www.flexibleassembly.com/img/flexible-assembly-systems.png');
background-size: 100%;
background-repeat: no-repeat;
}
#header table td.theader {
width: 304px;
}
#header table td.phone {
width: 202px;
text-align: center;
float: right;
clear: right;
}
td.mailinglist {
position: relative;
right: 20px;
}
td.mailinglist span.red, td.mailinglist span.list {
text-align: left!important;
}
#header table td.right {
border-right: 1px solid #dedede;
padding: 0 10px;
margin: 0 4px;
}
#header table td.misc {
width: 440px;
}
span.red {
color: #c00000;
font-size: 20px;
font-weight: 700;
}
span.list {
display: block;
font-size: 10px;
text-align: center;
line-height: 18px;
}
#header table td b a {
color: #000000;
text-decoration: none;
font-size: 28px;
line-height: 20px;
pointer-events: none;
cursor: text;
}
#header table td span.hours {
display: block;
font-size: 10px;
text-align: center;
line-height: 18px;
}
table.contact {
position: relative;
top: -10px;
vertical-align: top;
}
table form.search-new-header [type=search] {
border-radius: 4.4px;
padding: 0 5px;
margin-right: 4px;
}
table form.search-new-header [type=submit] {
font-size: 12px;
}
#header table td a.contact {
position: relative;
top: 10px;
border: 1px solid #cccccc;
padding: 10px;
border-radius: 5px;
text-decoration: none;
font-size: 12px;
color: #ffffff;
line-height: 30px;
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
background: linear-gradient(to bottom, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}
#header table td a.contact:hover {
background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}
#header table td a.rcrn img {
height: 120px;
}
#header table td.cart {
width: 200px;
}
#header table#hdtable td.cart div.container {
border: 1px solid #cccccc;
border-radius: 5px;
background: #eeffee;
padding: 14px 0 6px 14px;
width: 97%;
display: inline-block;
}
#header table td.cart div.container-viewcart {
border: 1px solid #cccccc;
border-radius: 5px;
background: #eeffee;
padding: 14px 0 6px 14px;
width: 97%;
display: inline-block;
}
#header table td.cart a {
color: #000000;
text-decoration: none;
}
#header table td.cart span.acc {
display: block;
text-align: left;
line-height: 30px;
white-space: nowrap;
font-size: 14px;
padding: 0 3px;
}
#header table td.cart span.socialmedia, #header table td.cart span.cage-code {
display: block;
text-align: left;
padding-left: 5px;
}
#header table td.cart span.socialmedia b {
display: block;
float: left;
padding-right: 5px;
line-height: 20px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
#header table td.cart span.socialmedia a img {
height: 20px;
}
#header table#hdtable td.cart div.container table {
width: 240px;
margin-top: -4px;
margin-left: -10px;
}
#header table td.cart div.container-viewcart table {
width: 240px;
margin-top: -4px;
margin-left: -10px;
}
#header table#hdtable td.cart div.container table td {
float: left;
}
#header table td.cart div.container-viewcart table td {
float: left;
}
#header table#hdtable td.cart div.container table td div.cart-content {
border: 1px solid #dddddd;
background: #ffffff;
border-radius: 5px;
padding: 10px 8px;
/*width: 95px;*/
text-align: center;
font-size: 91%;
}
#header table td.cart div.container-viewcart table td div.cart-content {
border: 1px solid #dddddd;
background: #ffffff;
border-radius: 5px;
padding: 10px 8px;
/*width: 95px;*/
text-align: center;
font-size: 91%;
}
#header table#hdtable td.cart div.container table td a {
display: block;
margin: 2px 4px;
width: 113px;
color: #ffffff;
text-decoration: none;
border: 1px solid #dddddd;
border-radius: 5px;
padding: 3px;
text-indent: 3px;
text-align: left;
}
#header table td.cart div.container-viewcart table td a {
display: block;
margin: 2px 4px;
width: 113px;
color: #ffffff;
text-decoration: none;
border: 1px solid #dddddd;
border-radius: 5px;
padding: 3px;
text-indent: 3px;
text-align: left;
}
#header table#hdtable td.cart div.container table td a.viewcart {
text-align: left;
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
background: linear-gradient(to bottom, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}
#header table td.cart div.container-viewcart table td a.viewcart {
text-align: left;
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
background: linear-gradient(to bottom, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}
#header table#hdtable td.cart div.container table td a.viewcart:hover {
background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}
#header table td.cart div.container-viewcart table td a.viewcart:hover {
background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}
#header table#hdtable td.cart div.container table td a.checkout {
background: #c00000;
background-image: url('//www.flexibleassembly.com/img/beta/shopping-cart-icon.png');
background-repeat: no-repeat;
background-position: 74px 4px;
background-size: 20px;
/* check out cart animation */
-webkit-transition:background-position .1s ease-in;
-moz-transition:background-position .1s ease-in;
-o-transition:background-position .1s ease-in;
transition:background-position .1s ease-in;
}
#header table td.cart div.container-viewcart table td a.checkout {
background: #c00000;
background-image: url('//www.flexibleassembly.com/img/beta/shopping-cart-icon.png');
background-repeat: no-repeat;
background-position: 74px 4px;
background-size: 20px;
/* check out cart animation */
-webkit-transition:background-position .1s ease-in;
-moz-transition:background-position .1s ease-in;
-o-transition:background-position .1s ease-in;
transition:background-position .1s ease-in;
}
#header table#hdtable td.cart div.container table td a.checkout:hover {
background: #e00000;
background-image: url('//www.flexibleassembly.com/img/beta/shopping-cart-icon.png');
background-repeat: no-repeat;
background-size: 20px;
background-position: 90px 4px;
/* check out cart animation */
-webkit-transition:background-position .1s ease-in;
-moz-transition:background-position .1s ease-in;
-o-transition:background-position .1s ease-in;
transition:background-position .1s ease-in;
}
#header table td.cart div.container-viewcart table td a.checkout:hover {
background: #e00000;
background-image: url('//www.flexibleassembly.com/img/beta/shopping-cart-icon.png');
background-repeat: no-repeat;
background-size: 20px;
background-position: 90px 4px;
/* check out cart animation */
-webkit-transition:background-position .1s ease-in;
-moz-transition:background-position .1s ease-in;
-o-transition:background-position .1s ease-in;
transition:background-position .1s ease-in;
}
/* navmenu */
#navmenu {
width: 1200px;
height: 55px;
background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #222222 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, #666666 0%,#222222 100%);
background: -o-linear-gradient(top, #666666 0%,#222222 100%);
background: -ms-linear-gradient(top, #666666 0%,#222222 100%);
background: linear-gradient(to bottom, #666666 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#222222',GradientType=0 );
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
Z-index: 10;
margin-top: -75px;
}
#navmenu ul, #navmenu ul li { text-align: left; }
#navmenu ul, #navmenu ul li, .mailinglist form {
list-style-type: none;
llist-style-position: inside;
display: inline;
}
.mailinglist h3 {
color: Rgba(0,0,0,0);
}
div.above form [type=submit] {
height: 30px;
}
.mailinglist form [type=submit] {
height: 20px;
font-size: 14px;
}
.mailinglist form [type=email] {
height: 20px;
width: 230px;
text-indent: 5px;
}
form#search {
float: right;
position: relative;
top: 60px;
}
table form [type=search] {
height: 30px;
width: 280px;
font-size: 12px;
}
table form [type=submit], .mailinglist form [type=submit] {
height: 29px;
border-radius: 5px;
border: 1px solid #c00000;
color: #ffffff;
background: rgb(243,197,189); /* Old browsers */
background: -moz-linear-gradient(top, rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
outline: 0;
}
table form [type=submit]:hover, .mailinglist form [type=submit]:hover {
cursor: pointer;
}
table form [type=submit]:active, .mailinglist form [type=submit]:active {
border: 1px solid #e00000;
background: rgb(248,80,50); /* Old browsers */
background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
outline: 0;
}
#navmenu a {
line-height: 50px;
font-size: 16px;
}
a.nohover:hover, .nohover {
cursor: default!important;
}
#navmenu a.shop-home {
display: inline-block;
margin-left: -30px;
position: relative;
top: 6px;
background-image: url('//www.flexibleassembly.com/img/beta/shop-home.png');
background-size: 100%;
background-repeat: no-repeat;
background-position: top;
height: 25px;
width: 25px;
}
#navmenu a.shop-home:hover {
background-position: bottom;
}
#navmenu a.shop {
display: inline-block;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 0 5px;
position: relative;
top: 10px;
font-size: 20px;
text-shadow: 1px 2px #000000;
-webkit-text-shadow: 1px 2px #000000;
-o-text-shadow: 1px 2px #000000;
-moz-text-shadow: 1px 2px #000000;
border: 1px solid rgba(0,0,0,0);
border-bottom: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
height: 43px!important;
z-index: 1;
}
#navmenu a.shop span {
position: relative;
bottom: 10px;
z-index: 1;
}
#navmenu a.shop:hover,#navmenu a.shop:hover span, #navmenu a.active span {
color: #000!important;
border-bottom: none!important;
}
#navmenu a.shop:hover, #navmenu a.active {
border: 1px solid #dddddd;
border-bottom: none!important;
color: #000000;
text-shadow: 1px 2px #ffffff;
-webkit-text-shadow: 1px 2px #ffffff;
-o-text-shadow: 1px 2px #ffffff;
-moz-text-shadow: 1px 2px #ffffff;
background: #ffffff;
z-index: 1;
}
#navmenu a.shop:after {
content: "▼";
position: relative;
bottom: 6px;
}
#navmenu .shopcontent {
position: absolute;
z-index: 500!important;
}
#navmenu .shopcontent table {
width: 690px;
height: 400px;
}
#navmenu .shopcontent table td {
vertical-align: top;
text-align: left;
}
#navmenu .shopcontent table td.listmenu {
width: 150px;
}
#navmenu .shopcontent table td.listmenu a {
display: block;
text-align: center;
font-size: 9pt;
margin: 1px 0;
line-height: 35px;
height: 37px;
padding: 2px;
background: #444444;
color: #ffffff;
text-decoration: none;
}
#navmenu .shopcontent table td.listmenu a:hover {
background: #676767;
}
#navmenu .shopcontent table td.listcontent {
overflow: hidden!important;
position: relative;
right: 6px;
}
#navmenu .shopcontent table td.listcontent .divcontainer {
padding: 10px;
width: 520px;
height: 330px;
position: absolute;
background: #ffffff;
}
#navmenu .shopcontent table td.listcontent .divcontainer a {
display: inline-block;
margin: 0 auto;
height: 130px;
width: 160px;
text-align: center;
font-size: 12px;
padding: 5px 5px;
color: #000000;
text-decoration: none;
opacity: 0.65;
-moz-opacity: 0.65;
-webkit-opacity: 0.65;
-o-opacity: 0.65;
transition: box-shadow 0.5s, opacity 0.5s;
-webkit-transition: box-shadow 0.5s, opacity 0.5s;
-moz-transition: box-shadow 0.5s, opacity 0.5s;
-o-transition: box-shadow 0.5s, opacity 0.5s;
}
/* changes new 14.08 */
#navmenu .shopcontent table td.listcontent .divcontainer a {
line-height: normal!important;
}
/*changes finish*/
#navmenu .shopcontent table td.listcontent .divcontainer a:hover {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
box-shadow: 1px 1px 10px #cccccc;
-webkit-box-shadow: 1px 1px 10px #cccccc;
-moz-box-shadow: 1px 1px 10px #cccccc;
-o-box-shadow: 1px 1px 10px #cccccc;
transition: box-shadow 0.5s, opacity 0.5s;
-webkit-transition: box-shadow 0.5s, opacity 0.5s;
-moz-transition: box-shadow 0.5s, opacity 0.5s;
-o-transition: box-shadow 0.5s, opacity 0.5s;
}
#navmenu .shopcontent table td.listcontent .divcontainer a span {
position: relative;
/*bottom: 30px;*/ /*changes new*/
border-bottom: 1px solid rgba(0,0,0,0);
transition: border-bottom 0.5s;
-webkit-transition: border-bottom 0.5s;
-moz-transition: border-bottom 0.5s;
-o-transition: border-bottom 0.5s;
}
#navmenu .shopcontent table td.listcontent .divcontainer a:hover span {
border-bottom: 1px solid #c00000;
transition: border-bottom 0.5s;
-webkit-transition: border-bottom 0.5s;
-moz-transition: border-bottom 0.5s;
-o-transition: border-bottom 0.5s;
}
#navmenu .shopcontent table td.listcontent .divcontainer a img {
width: 100px;
height: 100px;
}
#navmenu .shopcontent, #navmenu .shopcontent #shopcat, #navmenu .shopcontent #shopbrand, #navmenu .shopcontent #shopindustry {
display: none;
margin-top: -2px;
margin-left: 10px;
border: 1px solid #ccc;
border-top: 1px solid rgba(255,255,255,1);
background: #ffffff;
height: 420px;
width: 690px;
border-top: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
z-index: 2500!important;
padding: 10px;
}
.brandcontainer table.shopind {
margin: 0 auto;
position: relative;
left: 30px;
}
#navmenu #shopcat {
padding: 10px 20px;
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-o-opacity: 0.5;
transition: opacity 0.5s, border 0.5s;
-webkit-transition: opacity 0.5s, border 0.5s;
-moz-transition: opacity 0.5s, border 0.5s;
-o-transition: opacity 0.5s, border 0.5s;
border: 1px solid #ccc;
}
#shopbrand .brandcontainer a,#shopbrand .brandcontainer img {
display: inline-block;
margin: 2px 2px;
}
#navmenu #shopcat, #navmenu #shopbrand .brandcontainer a:hover {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
transition: opacity 0.5s, border 0.5s;
-webkit-transition: opacity 0.5s, border 0.5s;
-moz-transition: opacity 0.5s, border 0.5s;
-o-transition: opacity 0.5s, border 0.5s;
border: 1px solid #eee;
}
/* new 14.08 */
#navmenu #shopbrand h4 {
text-align: left;
}
#navmenu #assemblytools h4 {
text-align: left;
}
#navmenu #shopbrand .brandcontainer a {
padding: 0px;
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-o-opacity: 0.5;
transition: opacity 0.5s, border 0.5s;
-webkit-transition: opacity 0.5s, border 0.5s;
-moz-transition: opacity 0.5s, border 0.5s;
-o-transition: opacity 0.5s, border 0.5s;
border: 1px solid #ccc;
line-height: normal;
display: inline-block;
margin: 2px 2px;
}
#shopbrand .brandcontainer img {
display: inline-block;
margin: 8px;
height: 85px;
width: 85px;
}
/* finish change */
#navmenu #shopindustry .brandcontainer ul li {
display: inline-block;
text-align: center;
margin: 5px 3px;
}
#navmenu #shopindustry .brandcontainer ul li a {
display: block;
border: 1px solid #b3b3b3;
width: 120px;
text-decoration: none;
}
#navmenu #shopindustry .brandcontainer ul li a img {
width: 70px;
}
#navmenu #shopindustry .brandcontainer ul li a h3 {
background: #666;
color: #fff;
font-size: 100%;
font-weight: normal;
padding: 4px 0 4px 0;
margin: 0;
text-decoration: none;
text-align: center;
}
#navmenu #shopindustry .brandcontainer ul li a:hover h3 {
background: #999;
}
#navmenu a.infolink {
color: #ffffff;
text-decoration: none;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
margin: 0 3px;
position: relative;
bottom: 3px;
}
span.lne {
display: inline-block;
color: rgba(0,0,0,0);
border-right: 1px solid #777;
line-height: 35px;
height: 30px;
}
#navmenu a.infolink img {
width: 15px;
}
#navmenu a.infolink:hover {
text-decoration: underline;
}
#content-area {
width: 1180px;
min-height: auto;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
z-index: 1;
box-shadow: 1px 1px 10px #000000;
-moz-box-shadow: 1px 1px 10px #000000;
-webkit-box-shadow: 1px 1px 10px #000000;
-o-box-shadow: 1px 1px 10px #000000;
}
span.breadcrumb {
position: absolute!important;
text-align: left!important;
display: block!important;
padding: 10px 15px;
}
#content-area #homepage {
display: block;
padding: 5px 5px;
z-index: 99999!important;
}
#content-area #homepage h1 {
font-size: 15pt;
border-bottom: 1px solid #aaa;
}
#content-area #homepage p {
margin: 5px 5px;
text-indent: 3pt;
border-left: 10px solid #c6241e;
padding: 3px 3px;
}
#content-area #homepage table#sites {
border-spacing: 5px;
border-collapse: separate;
}
#content-area #homepage table#sites td {
vertical-align: top;
width: 290px;
height: 300px;
border: 1px solid #333;
margin: 0;
padding: 0;
}
#content-area #homepage table#sites td h2, #content-area #homepage table#sites td h2 a {
display: block;
color: #fff;
border: none;
padding: 10px;
margin: 0 auto;
text-align: center;
font-size: 100%;
text-decoration: none;
}
#content-area #homepage table#sites td h2.black, #content-area #homepage table#sites td h2 a.black {
color: #000!important;
}
#content-area #homepage table#sites td img {
margin: 0 auto;
text-align: center;
width: 285px;
height: 105px;
}
#content-area #homepage table#sites td ul {
list-style-position: inside;
list-style-type: square;
color: #f00;
float: left;
clear: left;
margin-left: -30px;
}
#content-area #homepage table#sites td ul li a {
font-size: 100%;
text-align: left;
color: #000;
text-decoration: none;
white-space: nowrap;
}
#content-area #homepage table#sites td ul li a:hover {
text-decoration: underline;
color: #f00;
}
#footer {
width: 1160px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
min-height: 200px;
height: auto;
padding: 10px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
box-shadow: 1px 1px 10px #000000;
-moz-box-shadow: 1px 1px 10px #000000;
-webkit-box-shadow: 1px 1px 10px #000000;
-o-box-shadow: 1px 1px 10px #000000;
}
#footer table td {
vertical-align: top;
font-size: 12px;
margin: 0 auto;
}
#footer table td.first {
float: left;
clear: left;
}
#footer table td.second {
clear: both;
}
#footer table td.third {
clear: right;
}
#footer table td h3 {
display: block;
font-weight: normal;
width: 370px;
border-bottom: 1px solid #cccccc;
text-align: left;
}
#footer table td ul {
position: relative;
left: -30px;
margin-top: 5px;
}
#footer table td ul li {
list-style-type: none;
list-style-position: inside;
padding: 1px 1px;
}
#footer table td ul li.nowrap {
white-space: nowrap;
}
#footer table td ul.left, #footer table td ul.right {
position: relative;
}
#footer table td ul.left {
float: left;
float: left;
text-align: left;
}
#footer table td ul.left ul {
text-align: left;
float: left;
}
#footer table td ul.left ul li {
text-align: left;
white-space: nowrap;
}
#footer table td ul.right {
float: right;
clear: right;
text-align: right;
}
#footer table td ul.list {
width: 140px;
font-size: 12px;
}
#footer table td a {
border-bottom: 1px solid rgba(0,0,0,0);
text-decoration: none;
color: #444444;
}
#footer table td a:hover {
border-bottom: 1px solid #c00000;
}
#footer table td ul li ul li a:hover {
border-bottom: 1px solid #00aaff;
}
#footer table td ul li ul {
display: none;
font-size: 11px;
}
span.seal-float {
display: block;
position: absolute;
right: 20px;
height: 88px;
width: 133px;
margin-top: -20px;
}
table#info {
margin-top: 10px;
width: 1150px;
}
table#info td {
vertical-align: top;
}
table#info a.ria {
display: block;
position: relative;
bottom: 15px;
left: 30px;
}
table#info a.bbb img {
height: 45px;
}
table#info sup {
position: absolute;
}
table#info a.cards img {
height: 56px;
}
table#info a.cards {
position: relative;
bottom: 7px;
}
table#info a.ria img {
width: 126px;
height: 73px;
}
table#info a.isa {
display: block;
position: relative;
left: 20px;
}
table#info a.isa img {
width: 149px;
height: 45px;
}
table#info a.stafda {
display: block;
width: 70px;
}
table#info a.stafda img {
width: 70px;
}
table#info a.inc5000 {
position: relative;
top: 10px;
}
table#info a.inc5000 img {
height: 50px;
}
table#info .clear {
color: rgba(0,0,0,0)!Important;
}
table#info i.intl {
display: block;
font-size: 11px;
white-space: nowrap;
position: relative;
bottom: 10px;
left: 5px;
}
table#info td {
display: table-block;
width: 200px;
margin: 0 20px;
}
table#top-content {
display: block;
width: 1180px;
height: 250px!important;
overflow: hidden!important;
z-index: -100;
}
table#top-content td {
vertical-align: top;
width: 1180px;
overflow: hidden!important;
margin: 0 auto;
}
#info a,#info a:hover {
display: table-block;
width: auto;
height: auto;
color: #000;
border-bottom: none!important;
text-decoration: none;
}
/* list content divs to hide for script */
#torqueinstruments,#bits-fastenertools,#handling-liftingsystems,#engineeredsystems,#speed-forcetesting,#workplaceaccessories,#replacementparts, #soldering, #staticcontrol {
display: none;
}
/* slider css */
table.content td div#container {
display: block!Important;
overflow: hidden!Important;
height: 250px!Important;
width: 1180px;
z-index: -10!important;
margin: 0!important;
}
table.content td div#container div#slides {
display: block;
overflow: hidden;
height: 250px!important;
width: 1180px;
margin: 0!important;
}
table.content td div#container div#slides a.nv {
display: block;
border: none;
text-align: left;
width: 1180px!important;
height: 250px!important;
z-index: 1!important;
}
table.content td div.slider {
display: block;
width: 1180px!important;
height: 250px!important;
margin-left: 45px;
z-index: 1!important;
}
table.content td div#container div#slides img {
width: 1180px!important;
height: 250px!important;
}
table.content td div#container div#slides a img:hover, div#container div#slides a:hover {
border: none!important;
}
table.content td div#container div#slides a:hover {
box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-moz-box-shadow: none;
}
/* hides play, list links */
.slidesjs-play, .slidesjs-stop, .slidesjs-pagination li {
display: none!Important;
}
table.bottommid {
text-align: left;
margin: 0 auto;
width: 1110px;
padding: 10px;
margin-top: -30px;
border-spacing: 20px;
border-collapse: separate;
}
table.bottommid td h3 {
box-shadow: 0 4px 2px -2px #cccccc;
-moz-box-shadow: 0 4px 2px -2px #cccccc;
-webkit-box-shadow: 0 4px 2px -2px #cccccc;
-o-box-shadow: 0 4px 2px -2px #cccccc;
}
table.bottommid td {
vertical-align: top;
}
table.bottommid td.help-links {
width: 300px;
}
.black {
color: #000!important;
}
table.bottommid td.help-links li img {
display: inline-block;
height: 19pt;
position: relative;
top: 2px;
padding: 0 5px 0 5px;
}
table.bottommid td.help-links li a {
font-size: 19pt;
}
table.bottommid td.help-links li a:hover {
color: #f00;
text-decoration: underline;
}
table.bottommid td a {
text-decoration: none;
font-size: 14pt;
color: #0055dd;
}
table.bottommid td ul {
list-style-type: none;
list-style-position: inside;
margin-left: -30px;
}
table.bottommid td ul li ul li {
list-style-type: disc;
}
table.bottommid td ul li {
margin: 5px auto;
}
table.bottommid td.shop-cats {
display: block;
width: 820px;
}
table.bottommid td.shop-cats ul li a {
color: #000000;
font-size: 14px;
border-bottom: 1px solid rgba(0,0,0,0);
}
table.bottommid td.shop-cats ul li a:hover {
border-bottom: 1px solid #f00000;
}
table.bottommid td.shop-cats ul li {
list-style-type: disc;
}
table.bottommid td.shop-cats ul li ul li {
list-style-type: none;
margin-left: 10px;
border-bottom: 1px dotted #cccccc;
}
table.bottommid td.shop-cats ul li ul li a {
color: #555555;
}
table.bottommid td.shop-cats ul li ul li a:hover {
border-bottom: 1px solid #00aaff;
}
table.bottommid td.shop-cats table {
display: block;
}
table.bottommid td.shop-cats table td {
text-align: left;
vertical-align: top;
width: 400px;
}
div#promo {
margin-top: 20px;
width: 280px;
padding: 10px;
min-height: 400px;
height: auto;
box-shadow: 1px 1px 10px #000;
-webkit-box-shadow: 1px 1px 10px #000;
-moz-box-shadow: 1px 1px 10px #000;
-o-box-shadow: 1px 1px 10px #000;
}
div#promo p {
margin-top: 5px;
}
span.copy {
display: block;
margin: 10px auto;
text-align: center;
font-size: 12px;
}
span.copy a {
text-decoration: none;
color: #08f;
font-size: 12px;
}
span.copy a:hover {
color: #f00;
}
span.footermedia {
display: block;
width: 100%;
text-align: center;
position: relative;
top: 20px;
}
.shopcontainer {
border: 1px solid #ccc;
width: 820px;
height: auto;
overflow-x: hidden;
margin: 10px auto;
text-align: center;
}
.shopcontainerpartial {
border: 1px solid #ccc;
width: 405px;
height: auto;
overflow-x: hidden;
margin: 10px auto;
text-align: center;
}
.shopcontainer h3, .shopcontainerpartial h3 {
display: block;
color: #fff;
background: #333;
padding: 5px 10px;
text-align: left;
background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #222222 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, #666666 0%,#222222 100%);
background: -o-linear-gradient(top, #666666 0%,#222222 100%);
background: -ms-linear-gradient(top, #666666 0%,#222222 100%);
background: linear-gradient(to bottom, #666666 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#222222',GradientType=0 );
}
.shopcontainer a, .shopcontainerpartial a {
display: inline-block;
text-align: center;
padding: 10px 10px;
opacity: 0.8;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
-o-opacity: 0.8;
box-shadow: 1px 1px 10px rgba(0,0,0,0);
transition: box-shadow 0.5s, opacity 0.5s;
-webkit-transition: box-shadow 0.5s, opacity 0.5s;
-moz-transition: box-shadow 0.5s, opacity 0.5s;
-o-transition: box-shadow 0.5s, opacity 0.5s;
}
.shopcontainer a:hover, .shopcontainerpartial a:hover {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
box-shadow: 1px 1px 10px #666;
transition: box-shadow 0.5s, opacity 0.5s;
-webkit-transition: box-shadow 0.5s, opacity 0.5s;
-moz-transition: box-shadow 0.5s, opacity 0.5s;
-o-transition: box-shadow 0.5s, opacity 0.5s;
color: #05d;
}
.shopcontainer a img, .shopcontainerpartial a img {
width: 80px;
height: 80px;
}
.shopcontainer a span, .shopcontainerpartial a span {
display: block;
font-size: .52em;
}
a.seeall:before {
content: ">>";
}
a.seeall {
tranmsition: none!important;
box-shadow: none!Important;
font-size: 12px!important;
float: right;
clear: both;
}
a.seeall:hover {
text-decoration: underline;
}
/* email subscription */
div#mce-responses { overflow:hidden; width:90%; margin: 0 5%;}
div.response { z-index:1; width:80%; }
#mce-error-response { color: #dd0000; display:none;}
#mce-success-response { color:#529214; display:none; }
/* product page */
.shop-promo {
width: 500px;
height: 30px;
position: absolute;
top: 0;
margin-left: 200px;
background: -moz-linear-gradient(top, rgba(255,228,117,1) 0%, rgba(255,212,37,1) 44%, rgba(255,207,15,1) 59%, rgba(255,204,0,1) 74%, rgba(255,204,0,1) 96%, rgba(255,204,0,0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,228,117,1)), color-stop(44%,rgba(255,212,37,1)), color-stop(59%,rgba(255,207,15,1)), color-stop(74%,rgba(255,204,0,1)), color-stop(96%,rgba(255,204,0,1)), color-stop(100%,rgba(255,204,0,0.6)));
background: -webkit-linear-gradient(top, rgba(255,228,117,1) 0%,rgba(255,212,37,1) 44%,rgba(255,207,15,1) 59%,rgba(255,204,0,1) 74%,rgba(255,204,0,1) 96%,rgba(255,204,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(255,228,117,1) 0%,rgba(255,212,37,1) 44%,rgba(255,207,15,1) 59%,rgba(255,204,0,1) 74%,rgba(255,204,0,1) 96%,rgba(255,204,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(255,228,117,1) 0%,rgba(255,212,37,1) 44%,rgba(255,207,15,1) 59%,rgba(255,204,0,1) 74%,rgba(255,204,0,1) 96%,rgba(255,204,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(255,228,117,1) 0%,rgba(255,212,37,1) 44%,rgba(255,207,15,1) 59%,rgba(255,204,0,1) 74%,rgba(255,204,0,1) 96%,rgba(255,204,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe475', endColorstr='#99ffcc00',GradientType=0 );
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.shop-promo a {
color: #000!important;
}
.shop-promo a img { display: inline-block; height: 45px; position: relative; left: 20px; }
.shop-promo span {
position: absolute;
top: 0;
left: 0;
float: left;
}
.shop-promo span strong {
display: inline-block;
font-size: 18px;
position: relative;
top: 5px;
}
.shop-promo span sup {
font-size: 9px;
font-style: italic;
}
.breadcrumb a {
text-decoration: none;
color: #777;
font-size: 13px;
}
.breadcrumb a:hover {
color: #000;
font-size: 13px;
}
table#prod-wrap {
width: 100%;
}
table#prod-wrap td {
vertical-align: top;
}
div.prev-items {
width: 175px;
min-height: 200px;
height: auto;
border: 1px solid #bbb;
}
div.rel-acc {
width: 860px;
padding-bottom: 10px;
}
div.rel-acc strong {
font-size: 24px;
}
div.prev-items strong {
display: block;
color: #fff;
font-size: 12px;
background: #333;
text-align: center;
font-weight: normal;
padding: 3px;
}
div.rel-acc div.accessory {
display: inline-block;
margin: 5px 2px 2px 2px;
width: 155px;
height: 170px;
text-align: center;
border: 1px solid #ccc;
padding: 4px;
}
div.prev-items div.prev-item {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 3px;
margin-bottom: 2px;
}
div.rel-acc div.accessory img {
width: 120px;
height: 120px;
}
div.prev-items div.prev-item img {
width: 50px;
height: 50px;
float: left;
clear: left;
}
div.rel-acc div.accessory h4, div.prev-items div.prev-item h4 {
font-size: 11px;
}
div.rel-acc div.accessory h5, div.prev-items div.prev-item h5 {
font-weight: normal;
font-size: 11px;
}
div.rel-acc div.accessory span.cost, div.prev-items div.prev-item span.cost {
font-weight: bold;
font-size: 11px;
}
div.rel-acc div.accessory a {
display: inline-block;
border: 1px solid #cccccc;
padding: 2px;
border-radius: 5px;
text-decoration: none;
font-size: 11px;
color: #ffffff;
background: #c00000;
}
div.rel-acc div.accessory a:hover {
background: #e00000;
}
div.prev-items div.prev-item a {
display: inline-block;
border: 1px solid #cccccc;
padding: 2px;
border-radius: 5px;
text-decoration: none;
font-size: 11px;
color: #ffffff;
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
background: linear-gradient(to bottom, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
margin-left: 50px;
}
div.prev-items div.prev-item a:hover {
background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}
.prod-content {
width: 860px;
height: auto;
}
#manu-item-name, #prod-specs {
display: block;
width: 860px;
height: auto;
}
#prod-specs strong.technical {
font-size: 15px;
position: relative;
left: -10px;
}
#prod-specs { margin-top: 10px; }
#manu-item-name img {
display: block;
float: left;
clear: left;
padding: 0 10px 20px 0;
border-right: 1px solid #ccc;
}
#manu-item-name h1,#manu-item-name h2, div.prod-desc-toggle h2 {
display: inline-block;
padding-left: 10px;
font-weight: normal;
}
#prod-specs table.display-image {
width: 350px;
float: left;
clear: both;
position: relative;
}
#prod-specs table.display-image img {
width: 350px;
height: 350px;
}
div.gallery {
height: 50px;
width: 350px;
text-align: center;
}
img.photogal {
width: 48px!important;
height: 48px!important;
border: 1px solid #ddd;
padding: 2px;
}
table#itmSpecsTbl, #prod-specs span {
display: inline-block;
width: 460px;
font-size: 12px;
line-height: 12px;
float: right;
}
table#itmSpecsTbl tr td {
width: 230px;
padding: 2px;
}
table#itmSpecsTbl tr td.con{
text-align: right;
float: right;
}
#prod-specs span:nth-child(odd), table#itmSpecsTbl tr:nth-child(odd), #itmSpecsTbl tr.clrd {
background: #ccc;
}
table#itmSpecsTbl tr strong, #prod-specs span strong {
text-align: left;
position: relative;
top: 6px;
left: 5px;
white-space: nowrap;
}
table#itmSpecsTbl tr td span, #prod-specs span.con {
text-align: right;
position: relative;
bottom: 6px;
right: 5px;
}
div#addtocart {
width: 460px;
height: 90px;
background: #ded;
border-radius: 8px;
float: right;
clear: right;
margin: 3px auto;
}
div#addtocart table td {
width: 230px;
height: 90px;
}
div#addtocart table td.left {
width: 230px;
text-align: left;
padding-left: 5px;
}
div#addtocart table td.right {
width: 230px;
text-align: right;
padding-right: 5px;
}
div#addtocart span.instock, div#addtocart span.shipping {
display: inline-block;
font-size: 10px;
text-align: right;
margin: 5px 0;
}
div#addtocart span.socialmedia {
display: inline-block;
position: relative;
top: 3px;
}
div#addtocart span.socialmedia strong {
position: relative;
top: -5px;
}
div#addtocart span.socialmedia a {
display: inline-block!important;
background: none;
border: none;
padding: 0;
}
div#addtocart span.socialmedia a img {
height: 16px;
width: 16px;
}
div#addtocart strong.saleprice {
color: #0b0;
font-size: 18px;
}
div#addtocart span.strike {
font-size: 10px;
color: #666;
}
div#addtocart span.strike span {
text-decoration: line-through
}
div#addtocart span.save {
font-size: 11px;
}
div#addtocart span.save span.red {
color: #c00;
font-size: 11px;
}
div#addtocart a , .adcrt {
display: inline-block;
border: 1px solid #cccccc;
padding: 2px 6px;
height: 22px;
border-radius: 5px;
text-decoration: none;
font-size: 12px;
color: #ffffff;
background: #c00000;
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
-o-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
position: relative;
bottom: 1px;
}
div#addtocart a:hover, .adcrt:hover {
background: #e00000;
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
-o-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
}
a.quote {
display: inline-block!important;
border: 1px solid #cccccc;
padding: 2px 6px;
height: 22px;
border-radius: 5px;
text-decoration: none;
font-size: 12px;
color: #ffffff;
background: #0099ff;
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
-o-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
position: relative;
bottom: 1px;
line-height: 20px;
}
a.quote:hover {
background: #00bbff;
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
-o-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
}
div#addtocart input#qty, div#addtocart input.addqty {
display: inline-block!important;
width: 20px!important;
padding: 2px 6px;
height: 20px;
text-align: center!important;
}
div#addtocart input.addqty {
margin-right: 4px;
}
div#featuredvid {
width: 860px;
margin: 20px auto;
}
div#featuredvid iframe {
margin-top: 20px!important;
width: 860px!important;
height: 484px!important;
}
div.prod-desc-toggle {
margin: 10px auto;
width: 860px;
}
.techdoc img {
position: relative;
top: 6px;
}
div.prod-desc-toggle ul li {
display: inline;
list-style-type: none;
margin: 0 3px;
}
div.prod-desc-toggle ul li a {
color: #000;
padding: 3px 5px;
text-decoration: none;
border-style: solid;
border-width: 1px;
border-bottom: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
div.prod-desc-toggle ul li a.closed {
background: #eee;
border-color: #ddd;
}
div.prod-desc-toggle ul li a.closed > div {
display: none;
}
div.prod-desc-toggle ul li a.open {
background: #fff;
border-color: #ccc;
}
div.prod-desc-toggle ul li a.open > div {
display: block;
}
div#prod-desc {
margin: -9px auto 10px auto;
width: 855px;
height: auto;
border: 1px solid #ccc;
}
div#prod-desc div.container {
padding: 10px;
height: auto;
background: #fff;
}
div#prod-desc div.container ul {
margin-top: 10px;
}
/* search results */
div.search-div {
padding: 5px 10px;
}
div.non-series {
display: inline-block;
width: 140px;
height: 220px;
border: 1px solid #ccc;
text-align: center;
margin: 3px 0;
}
div.non-series span.manufacturer {
display: block;
}
div.non-series img {
height: 80px;
width: 80px;
}
div.non-series h2 {
font-size: 13px;
}
div.non-series h3 {
font-size: 10px;
font-weight: normal;
}
div.non-series span.baseprice {
font-size: 10px;
color: #999;
text-decoration: line-through
}
div.non-series strong.saleprice {
color: #0b0;
}
div.non-series a.addtocart {
display: inline-block;
border: 1px solid #cccccc;
padding: 2px 6px;
border-radius: 5px;
text-decoration: none;
font-size: 12px;
color: #ffffff;
line-height: 16px;
background: #c00000;
}
div.non-series a.addtocart:hover {
background: #e00000;
}
div.non-series input#qty {
display: inline-block;
width: 20px;
text-align: center;
}
div.non-series a.viewdetails {
display: inline-block;
border: 1px solid #cccccc;
padding: 2px 6px;
border-radius: 5px;
text-decoration: none;
font-size: 12px;
color: #ffffff;
line-height: 16px;
margin-top: 2px;
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
background: linear-gradient(to bottom, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}
div.non-series a.viewdetails:hover {
background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}
/* category */
div.catname {
padding: 5px 10px;
}
div.featureddesc {
padding: 10px 10px;
width: 95%;
}
div.featureddesc img {
margin: 0 auto;
}
div.featureddesc p {
text-align: left;
}
table.categorysec {
padding: 10px 10px;
width: 1150px;
}
table.categorysec td {
vertical-align: top;
}
table.categorysec td.filt {
text-align: left!important;
width: 200px;
}
table.categorysec td.filt div.prev-items {
width: 200px;
}
table.categorysec td.nii {
width: 950px;
}
table.categorysec td.nii div.subcategories, table.categorysec td.nii div.non-inventory-items {
padding-bottom: 10px;
}
div.nii-div {
display: inline-block;
border: 1px solid #ccc;
width: 291px;
height: 160px;
padding: 5px 5px;
margin: 4px auto;
vertical-align: top;
}
div.nii-div img {
width: 120px;
height: 120px;
float: left;
clear: left;
}
div.nii-div h3 {
font-size: 11px;
}
div.nii-div h3 a {
color: #000!important;
text-decoration: none!important;
}
div.nii-div p {
display: block;
height: 60px;
font-size: 10px;
text-align: left;
}
div.nii-div ul {
margin: 5px auto;
}
div.nii-div ul li {
list-style-type: none;
list-style-position: none;
font-weight: bold;
font-size: 11px;
}
div.nii-div a.detail {
display: inline-block;
border: 1px solid #cccccc;
padding: 4px 10px;
border-radius: 5px;
text-decoration: none;
font-size: 11px;
color: #ffffff;
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
background: linear-gradient(to bottom, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
float: right;
clear: right;
}
div.nii-div a.detail:hover {
background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}
strong.sub {
display: block;
background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #222222 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, #666666 0%,#222222 100%);
background: -o-linear-gradient(top, #666666 0%,#222222 100%);
background: -ms-linear-gradient(top, #666666 0%,#222222 100%);
background: linear-gradient(to bottom, #666666 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#222222',GradientType=0 );
padding: 10px 10px;
color: #fff;
}
table.categorysec td.nii div.subcategories a {
display: inline-block;
width: 120px;
height: 120px;
margin: 3px 5px;
text-decoration: none;
color: #000;
border: 1px solid rgba(255,255,255,0);
transition: box-shadow 0.5s, border 0.5s;
-webkit-transition: box-shadow 0.5s, border 0.5s;
-moz-transition: box-shadow 0.5s, border 0.5s;
-o-transition: box-shadow 0.5s, border 0.5s;
}
table.categorysec td.nii div.subcategories a img {
height: 80px;
width: 80px;
position: relative;
left: 20px;
}
table.categorysec td.nii div.subcategories a h2 {
display: block;
font-size: 12px;
font-weight: normal;
text-align: center;
}
table.categorysec td.nii div.subcategories a:hover {
border: 1px solid #ccc;
box-shadow: 1px 2px 10px #ccc;
-ms-box-shadow: 1px 2px 10px #ccc;
-moz-box-shadow: 1px 2px 10px #ccc;
-webkit-box-shadow: 1px 2px 10px #ccc;
-o-box-shadow: 1px 2px 10px #ccc;
transition: box-shadow 0.5s, border 0.5s;
-webkit-transition: box-shadow 0.5s, border 0.5s;
-moz-transition: box-shadow 0.5s, border 0.5s;
-o-transition: box-shadow 0.5s, border 0.5s;
}
/* filter css */
#filter-table {
width: 200px;
}
.title {
display: block;
margin: 0 0 3px 0;
background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #222222 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, #666666 0%,#222222 100%);
background: -o-linear-gradient(top, #666666 0%,#222222 100%);
background: -ms-linear-gradient(top, #666666 0%,#222222 100%);
background: linear-gradient(to bottom, #666666 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#222222',GradientType=0 );
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
font-weight: bold;
}
.arrow:hover, .rotated-arrow:hover {
cursor: pointer;
}
.arrow {
display: block;
width: 20px;
height: 20px;
float: right;
cler: right;
position: relative;
bottom: 3px;
background-image: url('//www.flexibleassembly.com/img/arrow.png');
background-size: 45px;
background-repeat: no-repeat;
background-position: -25px 0;
}
.bold {
display: block;
background: #666;
background: -moz-linear-gradient(top, #666666 0%, #222222 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, #666666 0%,#222222 100%);
background: -o-linear-gradient(top, #666666 0%,#222222 100%);
background: -ms-linear-gradient(top, #666666 0%,#222222 100%);
background: linear-gradient(to bottom, #666666 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#222222',GradientType=0 );
padding: 10px 10px;
color: #fff;
margin-bottom: 5px;
}
.filter-list {
display: block;
width: auto;
margin: 0 0 4px 0;
border: 1px solid #dedede;
background: #efefef;
}
.filter-list li {
list-style-type: none;
list-style-position: inside;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 3px 0;
text-align: left;
position: relative;
left: -30px;
}
/* autocomplete */
.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; width: 280px; }
.autocomplete-suggestion { padding: 10px 5px; font-size: 12px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #c00; }
/* item list layout */
table.itm {
display: block;
margin: 0 auto;
width: 800px;
height: 40px;
padding: 5px;
background: fff;
font-size: 100%;
}
table.itm td {
width: 200px;
}
table.itm:nth-child(odd) {
background: #ccc;
}
table.itm strong {
text-align: left;
}
table.itm span.des {
text-align: left;
font
}
table.itm td.desw {
width: 430px;
}
table.itm td.desw, table.itm td.namew {
vertical-align: middle;
}
table.itm td.qty,table.itm td.qty input {
width: 20px;
text-align: center;
}
table.itm td.qty input {
position: relative;
top: 3px;
padding: 5px 6px;
}
table.itm td.cart, table.itm td.cart input {
width: 100px;
}
table.itm td.cart input {
display: inline-block;
border: 1px solid #cccccc;
padding: 2px 6px;
border-radius: 5px;
text-decoration: none;
font-size: 12px;
color: #ffffff;
line-height: 30px;
background: #c00000;
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
-o-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
}
table.itm td.cart input:hover {
cursor: pointer;
background: #e00000;
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
-o-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
}
.btmLine {width: 180px; font-size: 12px; margin-top: 5px; padding-left: 5px; padding-bottom: 5px; border-bottom: 2px solid #b3b3b3;}
div#seriesItm.seriesItm {margin-left: 150px; }
/* shopping cart */
.greytitle { display: block!important; color: #000000!important; font-size: 22px; padding: 5px 0px 5px 0px; }
/* non-inventory items */
div.lstCellSeries a { display: block!important; font-size: 100%!important; }
/* NII */
a.details {
display: block;
background: -moz-linear-gradient(top, #2a68a2 0%, #1f5a95 16%, #0e4381 55%, #093c7b 74%, #093c7b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a68a2), color-stop(16%,#1f5a95), color-stop(55%,#0e4381), color-stop(74%,#093c7b), color-stop(100%,#093c7b));
background: -webkit-linear-gradient(top, #2a68a2 0%,#1f5a95 16%,#0e4381 55%,#093c7b 74%,#093c7b 100%);
background: -o-linear-gradient(top, #2a68a2 0%,#1f5a95 16%,#0e4381 55%,#093c7b 74%,#093c7b 100%);
background: -ms-linear-gradient(top, #2a68a2 0%,#1f5a95 16%,#0e4381 55%,#093c7b 74%,#093c7b 100%);
background: linear-gradient(to bottom, #2a68a2 0%,#1f5a95 16%,#0e4381 55%,#093c7b 74%,#093c7b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a68a2', endColorstr='#093c7b',GradientType=0 );
border-radius: 5px;
border: 1px solid #ccc;
color: #fff;
text-decoration: none;
white-space: nowrap;
padding: 10px;
width: 85px;
font-size: 100%;
}
a.details:hover {
text-decoration: underline;
}