/* =========== Dist Page =========== */
#distMain .pageHead
{
background: url(../i/inside/category/headerConnectors.jpg) no-repeat;
background-position: 50% 0px;
-webkit-background-size: 160% auto;
-moz-background-size: 160% auto;
-o-background-size: 160% auto;
background-size: 160% auto;
width: 100%;
min-width: 100%;
overflow: hidden;
border-top: 2px solid #000;
padding-top: 75px;
}
.distLogin #distMain .pageHead
{
padding-top: 110px;
}
#distributors
{
padding: 20px 0 0;
}
#distributors ul
{
list-style: none;
padding: 0 0 0 0;
margin: 0 auto;
display: inline-block;
text-align: center;
vertical-align: top;
}
#distributors ul li
{
padding: 0 0 0 0;
margin: 5px 0.6em;
width: 130px;
display: inline-block;
overflow: hidden;
height: 280px;
text-align: left;
vertical-align: top;
}
.distHome #distributors ul li
{
width: 160px;
}
#distributors ul li .relImg
{
display: table;
vertical-align: middle;
text-align: center;
width: 130px;
margin: 0 auto;
border: 1px solid #b0b0b0;
}
.distHome #distributors ul li .relImg
{
width: 160px;
}
#distributors ul li .relImgIn
{
display: table-cell;
vertical-align: middle;
text-align: center;
height: 128px;
width: 128px;
background: #fff;
}
.distHome #distributors ul li .relImgIn
{
height: 158px;
width: 158px;
}
#distributors ul li img
{
max-width: 120px;
max-height: 120px;
height: auto;
width: auto;
}
.distHome #distributors ul li img
{
max-width: 150px;
max-height: 150px;
}
#distributors ul li h2,
#distributors ul li a h2
{
font-size: 1.0em;
line-height: 1.2em;
font-weight: 400;
padding: 8px 0 0 0;
color: #202020!important;
}
#distributors ul li h2
{
min-height: 3em;
}
#distributors ul li a:hover
{
text-decoration: none;
}
#distributors ul li a p
{
font-size: 0.85em;
line-height: 1.2em;
font-weight: 400;
padding: 3px 0 0 0;
color: #202020;
}
#distributors ul li h3,
#distributors ul li a h3
{
font-size: 0.9em;
line-height: 1.2em;
font-weight: 700;
margin-top: 6px;
display: block;
border-top: 1px solid #c4c4c4;
padding: 6px 0 0 0;
color: #ee3a43;
text-transform: uppercase;
}
#distSidebar
{
text-align: center;
}
#distSidebar .tip
{
visibility: hidden;
display: none;
padding: 10px 12px;
background: -moz-linear-gradient(top, rgba(71,71,71,0.65) 0%, rgba(246,245,245,0.2) 40%, rgba(246,245,245,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,0.65)), color-stop(40%,rgba(246,245,245,0.2)), color-stop(100%,rgba(246,245,245,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(71,71,71,0.65) 0%,rgba(246,245,245,0.2) 40%,rgba(246,245,245,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(71,71,71,0.65) 0%,rgba(246,245,245,0.2) 40%,rgba(246,245,245,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(71,71,71,0.65) 0%,rgba(246,245,245,0.2) 40%,rgba(246,245,245,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(71,71,71,0.65) 0%,rgba(246,245,245,0.2) 40%,rgba(246,245,245,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6474747', endColorstr='#00f6f5f5',GradientType=0 ); /* IE6-9 */
}
#distSidebar .tip h3
{
display: block;
height: 54px;
overflow: hidden;
text-indent: -9999em;
background: url(../i/inside/global/tipsTricks.png) no-repeat;
background-position: center top;
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
margin-top: 14px;
}
#distSidebar .tip h4
{
color: #666;
font-size: 1.0em;
line-height: 1.2em;
padding: 20px 0 0 0;
font-weight: 700;
}
#distSidebar .tip h5
{
color: #606060;
font-size: 0.90em;
line-height: 1.1em;
padding: 9px 0 18px 0;
font-weight: 400;
}
#distSidebar .tip .chunky
{
padding: 0 20px;
}
.dist #content .pageTitle
{
display: block;
font-size: 2em;
font-weight: 400;
padding-bottom: 5px;
text-align: right;
text-transform: uppercase;
}
/* =========== Dist Page - Login Page Version =========== */
.distLogin #distMain
{
padding-left: 15px;
width: 100%;
}
.distLogin #distSidebar
{
display: none;
}
.distLogin #distMain .distContent
{
max-width: 290px;
margin: 0 auto;
position: realtive;
display: block;
padding: 0px 0 0;
}
/* =========== Dist Page - Login Form =========== */
#distributors fieldset
{
background: rgba(0, 0, 0, 0) url(../i/dist/bgDistLogin.png) repeat scroll 0 0;
padding: 20px;
}
#distributors fieldset h2
{
display: block;
font-size: 1.3em;
line-height: 26px;
padding: 0 0 3px;
text-align: left;
}
#distributors fieldset h6
{
color: #464646;
display: inline-block;
font-size: 0.8em;
font-style: italic;
font-weight: 300;
padding-bottom: 10px;
}
#distributors fieldset input[type="text"],
#distributors fieldset input[type="password"]
{
background: #a9a9a9 none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
color: #dcdbdb;
font-size: 0.8em;
height: 26px;
outline: 0 none;
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
width: 250px;
}
#distributors fieldset input[type="password"]
{
margin-top: 7px;
}
#distributors fieldset button#distSubmit
{
background: #392e2e url(../i/footer/btnArrowLeft.png) no-repeat scroll 90% 5px / auto 20px;
color: #a4a3a3;
display: block;
font-size: 1.1em;
line-height: 30px;
text-align: left;
text-indent: 25px;
text-transform: uppercase;
vertical-align: middle;
width: 105px;
border: 0 none;
display: inline-block;
margin: 7px 0 0 0px;
outline: 0 none;
padding: 0;
vertical-align: top;
}
.distImgLinks th
{
text-align: center;
color: #202020;
font-size: .8em;
font-weight: 200;
line-height: 1.1em;
padding: 8px 2px 2px;
}
.distImgLinks td
{
text-align: center;
}
.distImgLinks td img
{
margin: 0 auto;
display: block;
position: relative;
}
#distSideNav
{
width: 100%;
padding: 30px 15px;
}
#distSideNav #supportCategories
{
text-align: left;
}
#distSideNav #supportCategories #hneInner,
#distSideNav #supportCategories #hneInner:last-child
{
padding: 0 0 0 0px;
}
#distSideNav #supportCategories h2
{
font-size: 1.0em;
letter-spacing: 0.0em;
line-height: 1.3em;
padding: 10px 0 10px 5px;
}
#distSideNav #supportMenu .panel-heading .accordion-toggle,
#distSideNav #supportMenu .panel-heading
{
height: auto;
}
#distSideNav #supportMenu .panel-heading a,
#distSideNav #supportMenu .panel-heading a:visited,
#distSideNav #supportMenu .panel-heading a:active,
#distSideNav #supportMenu .panel-body a,
#distSideNav #supportMenu .panel-body a:visited,
#distSideNav #supportMenu .panel-body a:active
{
padding: 9px 0 9px 4px;
line-height: 1.3em;
font-size: 0.9em;
vertical-align: middle;
}
#distSideNav #supportMenu .panel-body
{
padding: 0 1px 0 1px;
}
#distSideNav #supportMenu .panel-body ul li
{
font-size: 0.8em;
line-height: 1.2em;
margin-right: 0px;
padding-bottom: 5px;
}
/* distributor nav only - rest of the 48em+ styles lower down the page */
@media only screen and (min-width: 48em) {
#distSideNav
{
padding: 0px 0px;
}
#distSideNav #supportCategories h2
{
padding-left: 0px;
}
}
/* =========== Approx iPhone 4 Landscape =========== */
@media only screen and (min-width : 30em) {
/* =========== Dist Page =========== */
#distMain .pageHead
{
-webkit-background-size: 120% auto;
-moz-background-size: 120% auto;
-o-background-size: 120% auto;
background-size: 120% auto;
padding-top: 125px;
}
.distLogin #distMain .pageHead
{
padding-top: 145px;
}
#distributors ul
{
text-align: left;
}
#distributors ul li
{
margin: 5px 0.4em;
}
#distributors ul li a
{
display: inline-block;
.display: inline;
.zoom: 1;
}
}
/* =========== Approx iPhone 6 Landscape =========== */
@media only screen and (min-width : 35em) {
/* =========== Dist Page =========== */
#distributors ul li
{
margin: 5px 0.9em;
}
}
@media only screen and (min-width : 40em) {
}
/* =========== Approx iPad Portait, Sidr menu no longer active =========== */
@media only screen and (min-width: 48em) {
/* =========== Dist Page =========== */
#distContent
{
position: relative;
top: -25px;
}
#distMain .pageHead
{
-webkit-background-size: 140% auto;
-moz-background-size: 140% auto;
-o-background-size: 140% auto;
background-size: 140% auto;
padding-top: 115px;
}
.distLogin #distMain .pageHead
{
padding-top: 150px;
}
#distMain
{
float: right;
padding-left: 20px;
}
#distSidebar
{
float: left;
padding-top: 3.05em;
padding-right: 10px;
min-width: 160px;
}
#distSidebar .tip
{
visibility: visible;
display: block;
padding: 10px 12px;
}
#distributors ul li
{
margin: 5px 0.75em;
width: 150px;
height: 300px;
}
#distributors ul li .relImg
{
width: 150px;
}
#distributors ul li .relImgIn
{
height: 148px;
width: 148px;
}
#distributors ul li img
{
max-width: 140px;
max-height: 140px;
height: auto;
width: auto;
}
.dist #content .pageTitle
{
font-size: 2.2em;
}
/* =========== Dist Page - Login Form =========== */
.distLogin #distMain .distContent
{
padding: 20px 0 0;
}
}
/* ===== == = === bootstrap "medium" viewport breakpoint === = == ===== */
@media only screen and (min-width: 62em) {
/* =========== Dist Page =========== */
#distContent
{
top: -35px;
padding: 0;
}
.dist #content .pageTitle
{
padding-bottom: 10px;
}
#distMain .pageHead
{
-webkit-background-size: 110% auto;
-moz-background-size: 110% auto;
-o-background-size: 110% auto;
background-size: 110% auto;
padding-top: 110px;
border-top: 6px solid #000;
}
.distLogin #distMain .pageHead
{
padding-top: 163px;
}
.redBar #distMain .pageHead
{
border-top: 6px solid #ee3a43;
}
#distSidebar
{
float: left;
padding-top: 3.6em;
padding-right: 20px;
padding-left: 0px;
min-width: 160px;
width: 20%
}
#distMain
{
padding-left: 0px;
width: 80%;
}
#distributors
{
padding: 20px 170px 0 0;
min-height: 620px;
position: relative;
}
.distLogin #distributors
{
padding: 20px 0px 0 0;
}
#distributors ul li
{
margin: 0px 1.0em 10px;
width: 150px;
height: 300px;
}
#distributors .logoList li
{
margin: 0px 0.75em 10px;
}
.dist #content .pageTitle
{
font-size: 2.4em;
}
/* =========== Dist Page - Login Page Version =========== */
.distLogin #distMain
{
padding-left: 0px;
width: 100%;
}
.distLogin #distMain .distContent
{
max-width: 290px;
margin: 0 auto;
position: realtive;
display: block;
padding: 20px 0 0;
}
}
/* ===== == = === custom breakpoint to tidy up footer === = == ===== */
@media only screen and (min-width: 69em) {
/* =========== Dist Page =========== */
#distMain .pageHead
{
-webkit-background-size: 102% auto;
-moz-background-size: 102% auto;
-o-background-size: 102% auto;
background-size: 102% auto;
padding-top: 120px;
border-top: 6px solid #000;
}
.distLogin #distMain .pageHead
{
padding-top: 172px;
}
#distSidebar
{
padding-right: 35px;
padding-left: 0px;
min-width: 160px;
width: 18%
}
#distMain
{
padding-left: 0px;
width: 82%;
}
/* =========== Dist Page - Login Page Version =========== */
.distLogin #distMain
{
padding-left: 0px;
width: 100%;
}
.distLogin #distMain .distContent
{
max-width: 290px;
margin: 0 auto;
position: realtive;
display: block;
padding: 20px 0 0;
}
}
/* ===== == = === bootstrap "large" viewport breakpoint === = == ===== */
@media only screen and (min-width: 75em) {
/* =========== Dist Page =========== */
#distContent
{
padding-left: 0px;
}
#distMain
{
padding-right: 0px;
}
/* =========== Dist Page - Login Page Version =========== */
.distLogin #distMain
{
padding-left: 0px;
width: 100%;
}
.distLogin #distMain .distContent
{
max-width: 290px;
margin: 0 auto;
position: realtive;
display: block;
padding: 20px 0 0;
}
}