@import url('Fonts/myFonts.css');


body {
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}

/* IMG - DEFAULT RESPONSIVE CODES */
	
	img {
    max-width: 100%;
    height: auto;
}
	
p {
    line-height: 23px;
}


/* SEO Product details Oprimization */


div.RandomCategoryProducts {
    margin-top: 5%;
}

ul.RandomCategoryProducts li.Cell div.SalesPrice {
    line-height: 20px;
}

ul.RandomCategoryProducts li.Cell a.ProductName {
    line-height: 20px;
font-size: 14px;
    font-weight: bold;
}


ul.RandomCategoryProducts li.Cell div.SalesPrice {
    color: #1b0dab;
    font-size: 14px;
}


/* ABOUT US - DEFAULT RESPONSIVE CODES */


[class*="aboutuscell-"] {
    float: left;
    padding: 10px;
	box-sizing: border-box;
}

.aboutusmaindiv {
width:100%;
max-width:1040px;
margin: 0 auto;
}
.aboutusrow {
/* content: ""; */
width:100%;
clear: both;
display: table;
box-sizing: border-box;
}

.aboutuscell-2 {margin: 10 auto;}

/*  ABOUT US - FONT STYLES  */


h1.aboutusmainheader {
font-family: LatoBold, 'Lato', sans-serif;
font-size:27px;
color:#333333;
margin-bottom: -10px;
}

.aboutuscontentbody {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#222222;
line-height:25px;
text-align: left;
}


div.aboutustruckimage {
	background-image: url('/MainSite/Store1/Content/SiteContent/1/home/images/plywood-company-truck.jpg');
    background-repeat: no-repeat;
    background-position: top center; 
	background-size: contain;
	height:316px;
	width:100%;
	margin-top: 16px;
	padding-bottom:1px;
	list-style-type: none;	
}

/* SEO Mobile conversion optimization - do not delete */

@media (max-width: 450px) {

div.mSearchResultsWrapper ul#SearchResultList > li > ul {
padding-left: 0px !important; 
}

div.mSearchResultsWrapper ul#SearchResultList > li ul {
    padding-left: 0px;
}

div.mMasterHeaderWrapper div.menuWrapper div.cartButton {
    background-color: #0c12a6;
}

div.mSearchResultsWrapper ul#SearchResultList > li > ul > li > ul > li {
    margin: 10px 0 0 0;
    padding: 25px 10px 25px 20px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
    border: 1px solid #fff !important;
    box-shadow: 0 0 6px 0 #aaa !important;
}

}


/* ABOUT US - MEDIA QUERIES CODES */

@media only screen and (min-width: 300px) {	
  /* For mobile: */
.aboutuscell-1 {display: block; width:100%;}
.aboutuscell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px; margin-bottom:-121px;}

}

@media only screen and (min-width: 320px) {	
  /* For mobile: */
.aboutuscell-1 {display: block; width:100%;}
.aboutuscell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px; margin-bottom:-115px;}

}

@media only screen and (min-width: 410px) {	
  /* For mobile: */
.aboutuscell-1 {display: block; width:100%;}
.aboutuscell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px; margin-bottom:-59px;}

}

@media only screen and (min-width: 450px) {	
  /* For mobile: */ 
.aboutuscell-1 {display: block; width:100%;}
.aboutuscell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px; margin-bottom:0px;}


}

@media only screen and (min-width: 580px) {	
  /* For mobile: */
.aboutuscell-1 {display: block; width:100%;}
.aboutuscell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}

}

/*        ------ END OF MOBILE LAYOUT -------         */


@media only screen and (min-width: 801px) {	
 /* For desktop: */
.aboutuscell-1 {display: inline-block; width:49%; float: left;}
.aboutuscell-2 {display: inline-block; width:50%; float: right; padding-left: 14px; padding-right: 14px;}
div.aboutustruckimage {height:316px;}
}


/* CREDIT APPLICATION - DEFAULT RESPONSIVE CODES */


[class*="creditapplicationcell-"] {
    float: left;
    padding: 10px;
	box-sizing: border-box;
}

.creditapplicationmaindiv {
width:100%;
max-width:1040px;
margin: 0 auto;
}
.creditapplicationrow {
width:100%;
clear: both;
display: table;
box-sizing: border-box;
}



/*  CREDIT APPLICATION - FONT STYLES  */


h1.creditapplicationmainheader {
font-family: LatoBold, 'Lato', sans-serif;
font-size:27px;
color:#333333;
}

.creditapplicationcontentbody {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#222222;
line-height:25px;
text-align: left;
}
.creditapplicationcontentbody1 {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#222222;
line-height:25px;
text-align: left;
}



/* CREDIT APPLICATION  - BUTTON */

a.creditapplicationbuttonblue {
width:100%;
height:5px;
max-width:1005px;
border-radius:4px;
background-color: #171eac;
font-size:23px;
font-family: LatoRegular, 'Lato', sans-serif;
color: #FFFFFF;
float:left;
padding-top:8px; 
padding-bottom:35px; 
text-align:center;
margin-top:5px;
margin-right:5px;

}

.creditapplicationbutton {
font-size:19px;
font-family: LatoRegular,'Lato', sans-serif;
color: #FFFFFF ;
}
a.creditapplicationbuttonblue:hover {
background-color: #000000;
color: #FFFFFF;
}


/* CREDIT APPLICATION  - MEDIA QUERIES CODES */

@media only screen and (min-width: 300px) {	
  /* For mobile: */
.creditapplicationcell-1 {display: block; width:100%;}
.creditapplicationcontentbody1 {padding-top:0px;}
}


/*        ------ END OF MOBILE LAYOUT -------         */


@media only screen and (min-width: 801px) {	
 /* For desktop: */
.creditapplicationcell-1 {display: block; width:100%;}
.creditapplicationcontentbody1 {padding-top:15px;}

}



/* EMPLOYMENT - DEFAULT RESPONSIVE CODES */


[class*="employmentcell-"] {
    float: left;
    padding: 10px;
	box-sizing: border-box;
}

.employmentmaindiv {
width:100%;
max-width:1040px;
margin: 0 auto;
}
.employmentrow {
width:100%;
clear: both;
display: table;
box-sizing: border-box;
}


.employmentcell-2 {
margin: 10 auto;
}

/*  EMPLOYMENT - FONT STYLES  */


h1.employmentmainheader {
font-family: LatoBold, 'Lato', sans-serif;
font-size:27px;
color:#333333;
margin-bottom:2px;
}

.employmentcontentbody {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#222222;
line-height:25px;
text-align: left;
}
.employmentcontentbodycenter {
font-family: LatoBold, 'Lato', sans-serif;
font-size:11px;
color:#000000;
line-height:20px;
text-align: left;
}


div.employmenttruckimage {
	background-image: url('/MainSite/Store1/Content/SiteContent/1/home/images/plywood-company-truck.jpg');
    background-repeat: no-repeat;
    background-position: center center; 
    padding-left: 14px;
	height:336px;
	padding-bottom:1px;
	background-size: contain;
	list-style-type: none;	
}

/* EMPLOYMENT  - BUTTON */

a.employmentbuttonblue {
width:100%;
height:5px;
max-width:500px;
border-radius:4px;
background-color: #171eac;
font-size:23px;
font-family: 'Lato', sans-serif;
color: #FFFFFF;
float:left;
padding-top:8px; 
padding-bottom:35px; 
text-align:center;
margin-top:5px;
margin-right:5px;

}

.employmentbutton {
font-size:19px;
font-family: 'Lato', sans-serif;
color: #FFFFFF ;
margin:auto; 
text-align:center;
}
a.employmentbuttonblue:hover {
background-color: #000000;
color: #FFFFFF;
}


/* EMPLOYMENT - MEDIA QUERIES CODES */

@media only screen and (min-width: 300px) {	
  /* For mobile: */
.employmentcell-1 {display: block; width:100%;}
.employmentcell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}
.employmentcell-3 {display: block; width:100%; margin: 0 auto;}
div.employmenttruckimage {height:180px;}
}

@media only screen and (min-width: 320px) {	
  /* For mobile: */
.employmentcell-1 {display: block; width:100%;}
.employmentcell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}
.employmentcell-3 {display: block; width:100%; margin: 0 auto;}
div.employmenttruckimage {height:206px;}
}

@media only screen and (min-width: 410px) {	
  /* For mobile: */
.employmentcell-1 {display: block; width:100%;}
.employmentcell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}
.employmentcell-3 {display: block; width:100%; margin: 0 auto;}
div.employmenttruckimage {height:265px;}
}

@media only screen and (min-width: 450px) {	
  /* For mobile: */ 
.employmentcell-1 {display: block; width:100%;}
.employmentcell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}
.employmentcell-3 {display: block; width:100%; margin: 0 2%;}
div.employmenttruckimage {height:300px;}
}

@media only screen and (min-width: 580px) {	
  /* For mobile: */
.employmentcell-1 {display: block; width:100%;}
.employmentcell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}
.employmentcell-3 {display: block; width:100%; margin:0 6%;}

}

@media only screen and (min-width: 637px) {	
  /* For mobile: */
.employmentcell-1 {display: block; width:100%;}
.employmentcell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}
.employmentcell-3 {display: block; width:100%; margin:0 9%;}

}

@media only screen and (min-width: 650px) {	
  /* For mobile: */
.employmentcell-1 {display: block; width:100%;}
.employmentcell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}
.employmentcell-3 {display: block; width:100%; margin:0 11%;}

}

@media only screen and (min-width: 680px) {	
  /* For mobile: */
.employmentcell-1 {display: block; width:100%;}
.employmentcell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}
.employmentcell-3 {display: block; width:100%; margin:0 14%;}

}

@media only screen and (min-width: 780px) {	
  /* For mobile: */
.employmentcell-1 {display: block; width:100%;}
.employmentcell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}
.employmentcell-3 {display: block; width:100%; margin:0 17%;}

}

/*        ------ END OF MOBILE LAYOUT -------         */


@media only screen and (min-width: 801px) {	
 /* For desktop: */
.employmentcell-1 {display: inline-block; width:47%; float: left;}
.employmentcell-2 {display: inline-block; width:50%; float: right; padding-left: 14px; padding-right: 14px;}
.employmentcell-3 {display: inline-block; width:100%; margin: 0 auto;}
div.employmenttruckimage {height:316px;}
}



/* HELP PAGE - DEFAULT RESPONSIVE CODES */


[class*="helpcell-"] {
    float: left;
    padding: 2px;
	box-sizing: border-box;
}

.helpmaindiv {
width:100%;
max-width:1040px;
margin: 0 auto;
padding:10px;
}
.helprow {
content: "";
width:100%;
clear: both;
display: block;
box-sizing: border-box;
}
.helprow-one {
content: "";
width:120%;
clear: both;
display: block;
box-sizing: border-box;
}
.helprow-grayline {
border-bottom: solid 1px #CCCCCC;
margin-top:20px;
margin-bottom:10px;
}

.helpcell-3 {padding:10px;}
.helpcell-4 {padding:10px;}
.helpcell-7 {text-align: right; border-bottom: solid 1px #CCCCCC; padding-bottom:10px;}
.helpcell-7a {text-align: right;}


/*  HELP PAGE CONTENT  - FONT STYLES  */


h1.helpmainheader {
font-family: LatoBold, 'Lato', sans-serif;
font-size:25px;
color:#333333;
}
.helpsubheader {
font-family: LatoBold, 'Lato', sans-serif;
font-size:19px;
color:#171eac;
}
.helpcontentbody {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#222222;
line-height:25px;
text-align: left;
}
.helpcontentblue {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#171eac;
line-height:25px;
}
.helpcontentblue1 {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#171eac;
line-height:25px;
}

.helpnotextdecoration {
text-decoration: none;
}
.helpfloatleft {
float: left;
padding-right:10px;
padding-top:8px;
}
.helpfloatleftmain {
float: left;
}
.helpfloatgray {
float: left;
padding-right:10px;
padding-top:3px;
height:150px;
}
.helpfloatgraysmallheight {
float: left;
padding-right:10px;
padding-top:3px;
height:20px;
}


/* HELP PAGE CONTENT - IMAGE CODE */


div li.helpbluebullet {
    padding-left: 13px;
	padding-top:3px;
	padding-bottom:1px;
	list-style-type: none;	
}

ol li.helpnumberone {
background-image: url("/MainSite/Store1/Content/SiteContent/1/home/images/help14.jpg");
    background-repeat: no-repeat;
    background-position: 0px center; 
    padding-left: 20px;
	list-style-type: none;
}
ol li.helpnumbertwo {
background-image: url("/MainSite/Store1/Content/SiteContent/1/home/images/help15.jpg");
    background-repeat: no-repeat;
    background-position: 0px center; 
    padding-left: 20px;
	list-style-type: none;
}
ol li.helpnumberthree {
background-image: url("/MainSite/Store1/Content/SiteContent/1/home/images/help16.jpg");
    background-repeat: no-repeat;
    background-position: 0px center; 
    padding-left: 20px;
	list-style-type: none;
}
ol li.helpnumberfour {
background-image: url("/MainSite/Store1/Content/SiteContent/1/home/images/help17.jpg");
    background-repeat: no-repeat;
    background-position: 0px center; 
    padding-left: 20px;
	list-style-type: none;
}
ol li.helpnumberfive {
background-image: url("/MainSite/Store1/Content/SiteContent/1/home/images/help18.jpg");
    background-repeat: no-repeat;
    background-position: 0px center; 
    padding-left: 20px;
	list-style-type: none;
}

a.helplink:link {color:#171eac; text-decoration:none;}
a.helplink:visited {color:#171eac; text-decoration:none;}
a.helplink:hover {color:#171eac; text-decoration:underline;}
a.helplink:active {color:#171eac; text-decoration:underline;}


/* HELP PAGE CONTENT  - MEDIA QUERIES CODES */


    /* For mobile phones: */
    [class*="helpcell-"] {
        width: 100%;
    }
	
@media only screen and (min-width: 300px) {	
  /* For mobile: */
 .helpmaincell-1 {display: block; width:100%;}
.helpmaincell-2 {display: block; width:100%; vertical-align:top;}
 
.helpcell-1 {display: block; width:100%;}
.helpcell-2 {display: block; width:100%;}
.helpcell-1a {display: block; width:100%;}
.helpcell-2a {display: block; width:100%;}
  
.helpcell-1 {display: block; width:100%;}
.helpcell-2 {display: block; width:100%;}
.helpcell-3 {display: block; width:100%; text-align: center;}
.helpcell-4 {display: block; width:100%; text-align: center;}
.helpcell-5 {display: block; width:100%; text-align: center;}
.helpcell-6 {display: block; width:100%; text-align: center;}
.helpcell-8 {display: block; width:100%; text-align: center;}
.helpcell-9 {display: block; width:100%; text-align: center;}
}


/*
@media only screen and (min-width: 320px) {	
  /* For mobile: */
.helpcell-1 {display: block; width:100%;}
.helpcell-2 {display: block; width:100%;}
.helpcell-3 {display: block; width:100%; text-align: center;}
.helpcell-4 {display: block; width:100%; text-align: center;}
.helpcell-5 {display: block; width:100%; text-align: center;}
.helpcell-6 {display: block; width:100%; text-align: center;}
.helpcell-8 {display: block; width:100%; text-align: center;}
.helpcell-9 {display: block; width:100%; text-align: center;}
}

@media only screen and (min-width: 410px) {	
  /* For mobile: */
.helpcell-1 {display: block; width:100%;}
.helpcell-2 {display: block; width:100%;}
.helpcell-3 {display: block; width:100%; text-align: center;}
.helpcell-4 {display: block; width:100%; text-align: center;}
.helpcell-5 {display: block; width:100%; text-align: center;}
.helpcell-6 {display: block; width:100%; text-align: center;}
.helpcell-8 {display: block; width:100%; text-align: center;}
.helpcell-9 {display: block; width:100%; text-align: center;}
}

@media only screen and (min-width: 450px) {	
  /* For mobile: */ 
.helpcell-1 {display: block; width:100%;}
.helpcell-2 {display: block; width:100%;}
.helpcell-3 {display: block; width:100%; text-align: center;}
.helpcell-4 {display: block; width:100%; text-align: center;}
.helpcell-5 {display: block; width:100%; text-align: center;}
.helpcell-6 {display: block; width:100%; text-align: center;}
.helpcell-8 {display: block; width:100%; text-align: center;}
.helpcell-9 {display: block; width:100%; text-align: center;}
}
*/

@media only screen and (min-width: 580px) {	
  /* For mobile: */
.helpcell-1 {display: block; width:100%;}
.helpcell-2 {display: block; width:100%;}
.helpcell-3 {display: block; width:100%; text-align: center;}
.helpcell-4 {display: block; width:100%; text-align: center;}
.helpcell-5 {display: block; width:100%; text-align: center;}
.helpcell-6 {display: block; width:100%; text-align: center;}
.helpcell-8 {display: block; width:100%; text-align: center;}
.helpcell-9 {display: block; width:100%; text-align: center;}
}

/*        ------ END OF MOBILE LAYOUT -------         */
@media only screen and (min-width: 601px) {	
 /* For desktop: */
.helpmaincell-1 {display: inline-block; width:49%;}
.helpmaincell-2 {display: inline-block; width:49%; vertical-align:top;}
 
.helpcell-1 {display: inline-block; width:100%;}
.helpcell-2 {display: inline-block; width:100%;}
.helpcell-1a {display: inline-block; width:100%;}
.helpcell-2a {display: inline-block; width:100%;}
 }


@media only screen and (min-width: 801px) {	
 /* For desktop: */
 
.helpmaincell-1 {display: inline-block; width:49%;}
.helpmaincell-2 {display: inline-block; width:49%;}
 
.helpcell-1 {display: table-cell; width:50%;}
.helpcell-2 {display: table-cell; width:50%;}
.helpcell-1a {display: table-cell; width:50%;}
.helpcell-2a {display: table-cell; width:50%;}

.helpcell-3 {display: inline-block; width:100%;}
.helpcell-4 {display: inline-block; width:50%;}
.helpcell-5 {display: inline-block; width:30%;}
.helpcell-6 {display: inline-block; width:70%;}
.helpcell-8 {display: inline-block; width:45%; }
.helpcell-9 {display: inline-block; width:45%; float: right;}
}



/* INDUSTRY LINKS - DEFAULT RESPONSIVE CODES */


[class*="industrylinkscell-"] {
    float: left;
    padding: 10px;
	box-sizing: border-box;
}

.industrylinksmaindiv {
width:100%;
max-width:1040px;
margin: 0 auto;
}

.industrylinksrow {
width:100%;
clear: both;
display: table;
box-sizing: border-box;
}


/*  INDUSTRY LINKS - FONT STYLES  */


h1.industrylinksmainheader {
font-family: LatoBold, 'Lato', sans-serif;
font-size:27px;
color:#333333;
margin-bottom:-10px;
}

.industrylinkscontentbody {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#666666;
line-height:25px;
text-align: left;
}

/* INDUSTRY LINKS CONTENT - IMAGE CODE */


div.industrylinksimageone {
	background-image: url('/MainSite/Store1/Content/SiteContent/1/home/images/industry-links-img1.jpg');
    background-repeat: no-repeat;
    background-position: left center; 
	height:180px;
	padding-top:5px;
	padding-bottom:1px;
	list-style-type: none;	
}
div.industrylinksimagetwo {
	background-image: url('/MainSite/Store1/Content/SiteContent/1/home/images/industry-links-img2.jpg');
    background-repeat: no-repeat;
    background-position: left center; 
	height:105px;
	padding-top:60px;
	padding-bottom:1px;
	list-style-type: none;	
}
div.industrylinksimagethree {
	background-image: url('/MainSite/Store1/Content/SiteContent/1/home/images/industry-links-img3.jpg');
    background-repeat: no-repeat;
    background-position: left center; 
	height:55px;
	padding-top:50px;
	padding-bottom:1px;
	list-style-type: none;	
}


a.industrylinksurl:link {color:#171eac; text-decoration:none;}
a.industrylinksurl:visited {color:#171eac; text-decoration:none;}
a.industrylinksurl:hover {color:#171eac; text-decoration:underline;}
a.industrylinksurl:active {color:#171eac; text-decoration:underline;}


/* INDUSTRY LINKS - MEDIA QUERIES CODES */

@media only screen and (min-width: 300px) {	
  /* For mobile: */
.industrylinkscell-1 {display: block; width:100%;}
.industrylinkscell-2 {display: block; width:100%;}
.industrylinkscell-3 {display: block; width:100%;}

div.industrylinksimageone {background-position: center center}
div.industrylinksimagetwo {background-position: center center}
div.industrylinksimagethree {background-position: center center}
}

@media only screen and (min-width: 320px) {	
  /* For mobile: */
.industrylinkscell-1 {display: block; width:100%;}
.industrylinkscell-2 {display: block; width:100%;}
.industrylinkscell-3 {display: block; width:100%;}

div.industrylinksimageone {background-position: center center}
div.industrylinksimagetwo {background-position: center center}
div.industrylinksimagethree {background-position: center center}
}

@media only screen and (min-width: 410px) {	
  /* For mobile: */
.industrylinkscell-1 {display: block; width:100%;}
.industrylinkscell-2 {display: block; width:100%;}
.industrylinkscell-3 {display: block; width:100%;}

div.industrylinksimageone {background-position: center center}
div.industrylinksimagetwo {background-position: center center}
div.industrylinksimagethree {background-position: center center}
}

@media only screen and (min-width: 450px) {	
  /* For mobile: */ 
.industrylinkscell-1 {display: block; width:100%;}
.industrylinkscell-2 {display: block; width:100%;}
.industrylinkscell-3 {display: block; width:100%;}

div.industrylinksimageone {background-position: center center}
div.industrylinksimagetwo {background-position: center center}
div.industrylinksimagethree {background-position: center center}
}

@media only screen and (min-width: 580px) {	
  /* For mobile: */
.industrylinkscell-1 {display: block; width:100%;}
.industrylinkscell-2 {display: block; width:100%;}
.industrylinkscell-3 {display: block; width:100%;}

div.industrylinksimageone {background-position: center center}
div.industrylinksimagetwo {background-position: center center}
div.industrylinksimagethree {background-position: center center}
}

/*        ------ END OF MOBILE LAYOUT -------         */


@media only screen and (min-width: 801px) {	
 /* For desktop: */
.industrylinkscell-1 {display: inline-block; width:100%;}
.industrylinkscell-2 {display: inline-block; width:30%;}
.industrylinkscell-3 {display: inline-block; width:70%;}
}



/* SERVICES AND POLICIES - DEFAULT RESPONSIVE CODES */


[class*="servicescell-"] {
    float: left;
    padding: 10px;
	box-sizing: border-box;
}

.servicesmaindiv {
width:100%;
max-width:1040px;
margin: 0 auto;
}
.servicesrow {
/* content: ""; */
width:100%;
clear: both;
display: table;
box-sizing: border-box;
}


/*  SERVICES AND POLICIES - FONT STYLES  */


h1.servicesmainheader {
font-family: LatoBold, 'Lato', sans-serif;
font-size:27px;
color:#333333;
}

.servicescontentbody {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#222222;
line-height:25px;
text-align: left;
}



/* SERVICES AND POLICIES - MEDIA QUERIES CODES */

@media only screen and (min-width: 300px) {	
  /* For mobile: */
.servicescell-1 {display: block; width:100%;}
.servicescell-2 {display: block; width:100%;}
}



@media only screen and (min-width: 580px) {	
  /* For mobile: */
.servicescell-1 {display: block; width:100%;}
.servicescell-2 {display: block; width:100%;}
}

/*        ------ END OF MOBILE LAYOUT -------         */


@media only screen and (min-width: 801px) {	
 /* For desktop: */
.servicescell-1 {display: inline-block; width:50%;}
.servicescell-2 {display: inline-block; width:50%;}
}


/* CONTACT US MAP - DEFAULT RESPONSIVE CODES */



[class*="contactusmapcell-"] {
    padding: 1px;
	box-sizing: border-box;
}

.contactusmapcell-1 {display: block;   width: 80%;
    margin: 0 auto;
    overflow: hidden; padding-bottom:15px;}

.contactusmapmaindiv {
width:100%;
max-width:1040px;

}
.contactusmaprow {
width:100%;
clear: both;
display: block;
box-sizing: border-box;
}


div.contactUsWrapper div.leftPanel {
vertical-align:top;
}

div.contactUsWrapper div.rightPanel {
    padding: 0px 20px;
}

div.contactUsWrapper  div.ContentSnippet {
    margin:0px;
}

 /* CONTACT US MAP - MEDIA QUERIES CODES */



/*        ------ END OF MOBILE LAYOUT -------         */


@media only screen and (min-width: 800px) {	
 /* For desktop: */
.contactusmapcell-1 {display: block; width:100%; vertical-align: top; padding-bottom: 0px;}

div.mContactUsWrapper {
padding-bottom:15px;
}

div.mContactUsWrapper div.contentWrapper {
    vertical-align: top;
    display: table-cell;
    width: 50%;
}

div.mContactUsWrapper div.ContentSnippet {
    display: table-cell;
    width: 50%;
position: relative;
padding: 0px 20px;
}

div.mContactUsWrapper div.contactusmapmaindiv {
    width: 100%;
    height: 100%;
    position: absolute;
}

div.mContactUsWrapper div.contactusmaprow {
    height: 100%;
}
div.mContactUsWrapper div.contactusmapcell-1  {
    height: 100%;
}

div.mContactUsWrapper  .contactusmapcell-1 iframe {display: block;   width: 100%; height:100%;
    margin: 0 auto;
    overflow: hidden; }


}


/*		PROMOTIONS CSS CODES		*/


div.AdsWrapper ul.AdsHorizontal li.AdsCell {
    list-style-type: none;
    margin: 0 auto;
    margin-left: -38px;
}


/* PRIVACY POLICY - DEFAULT RESPONSIVE CODES */


[class*="privacycell-"] {
    padding: 2px;
	box-sizing: border-box;
}

.privacymaindiv {
width:100%;
max-width:1040px;
margin: 0 auto;
padding:10px;
}
.privacyrow {
content: "";
width:100%;
clear: both;
display: table;
box-sizing: border-box;
}
.privacyrow-one {
content: "";
width:104%;
clear: both;
display: table;
box-sizing: border-box;
}

.privacyrow-grayline {
border-bottom: solid 1px #CCCCCC;
margin-top:20px;
margin-bottom:10px;
}

.privacycell-3 {padding:10px;}
.privacycell-4 {padding:10px;}
.privacycell-7 {text-align: right; border-bottom: solid 1px #CCCCCC; padding-bottom:10px;}
.privacycell-7a {text-align: right;}


/*  PRIVACY POLICY - FONT STYLES  */


h1.privacymainheader {
font-family: LatoBold, 'Lato', sans-serif;
font-size:25px;
color:#333333;
font-weight:600;
}
.privacysubheader {
font-family: LatoBold, 'Lato', sans-serif;
font-size:19px;
color:#171eac;
font-weight:600;
}
.privacycontentbody {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#222222;
line-height:25px !important;
text-align: left;
}
.privacycontentblue {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#171eac;
line-height:21px;
}
.privacycontentblue1 {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#171eac;
}
.privacynotextdecoration {
text-decoration: none;
}

.privacyfloatleft {
float: left;
padding-right:10px;
padding-top:8px;
}
.privacyfloatleftmain {
float: left;
}
.privacyfloatgray {
float: left;
padding-right:10px;
padding-top:3px;
height:150px;
}
.privacyfloatgraysmallheight {
float: left;
padding-right:10px;
padding-top:3px;
height:20px;
}

div li.privacybluebullet {
    padding-left: 13px;
	/* padding-top:3px;
	padding-bottom:1px; */
	list-style-type: none;	
}

a.privacylink:link {color:#171eac; text-decoration:none;}
a.privacylink:visited {color:#171eac; text-decoration:none;}
a.privacylink:hover {color:#171eac; text-decoration:underline;}
a.privacylink:active {color:#171eac; text-decoration:underline;}


/* PRIVACY POLICY - MEDIA QUERIES CODES */


    /* For mobile phones: */
    [class*="privacycell-"] {
        width: 100%;
    }


@media only screen and (max-width: 600px) {	
  /* For mobile: */
.privacycell-1 {display: block; width:100%;}
.privacycell-2 {display: block; width:100%;}
.privacycell-3 {display: block; width:100%; text-align: center;}
.privacycell-4 {display: block; width:100%; text-align: center;}
.privacycell-5 {display: block; width:100%; text-align: center;}
.privacycell-6 {display: block; width:100%; text-align: center;}
.privacycell-8 {display: block; width:100%; text-align: center;}
.privacycell-9 {display: block; width:100%; text-align: center;}
}

/*        ------ END OF MOBILE LAYOUT -------         */
@media only screen and (min-width: 601px) {	
 /* For desktop: */
.privacymaincell-1 {display: inline-block; width:49%;}
.privacymaincell-2 {display: inline-block; width:49%; vertical-align:top;}
 
.privacycell-1 {display: inline-block; width:100%;}
.privacycell-2 {display: inline-block; width:100%;}
.privacycell-1a {display: inline-block; width:100%;}
.privacycell-2a {display: inline-block; width:100%;}
 }


@media only screen and (min-width: 801px) {	
 /* For desktop: */
 
.privacymaincell-1 {display: inline-block; width:49%;}
.privacymaincell-2 {display: inline-block; width:49%;}
 
.privacycell-1 {display: table-cell; width:50%; float: left;}
.privacycell-2 {display: table-cell; width:50%; float: left;}
.privacycell-1a {display: table-cell; width:50%; float: left; padding-left: 50px;}
.privacycell-2a {display: table-cell; width:50%; float: left; padding-left: 50px;}

.privacycell-3 {display: inline-block; width:100%;}
.privacycell-4 {display: inline-block; width:50%;}
.privacycell-5 {display: inline-block; width:30%;}
.privacycell-6 {display: inline-block; width:70%;}
.privacycell-8 {display: inline-block; width:45%; }
.privacycell-9 {display: inline-block; width:45%; float: right;}
}


/* NEWSLETTER - DEFAULT RESPONSIVE CODES */


[class*="newslettercell-"] {
    float: left;
    padding: 1px;
	box-sizing: border-box;
}

.newslettermaindiv {
width:100%;
max-width:1040px;
margin: 0 auto;
}
.newsletterrow {
/* content: ""; */
width:100%;
clear: both;
display: table;
box-sizing: border-box;
}

.newslettercell-2 {margin: 10 auto;}

/*  NEWSLETTER - FONT STYLES  */


h1.newslettermainheader {
font-family: LatoBold, 'Lato', sans-serif;
font-size:27px;
color:#333333;
margin-bottom: -10px;
}

.newslettercontentbody {
font-family: LatoRegular, 'Lato', sans-serif;
font-size:14px;
color:#222222;
line-height:25px;
text-align: left;
}


div.newsletterlogo {
	background-image: url('/MainSite/Store1/Content/SiteContent/1/home/images/newsletter-logo.jpg');
    background-repeat: no-repeat;
    background-position: top center; 
	background-size: contain;
	height:200px;
	width:100%;
	margin-bottom:15px;
	list-style-type: none;	
}

/* NEWSLETTER - MEDIA QUERIES CODES */

@media only screen and (min-width: 300px) {	
  /* For mobile: */
.newslettercell-1 {display: block; width:100%;}
.newslettercell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px; margin-bottom:-121px;}

}

@media only screen and (min-width: 320px) {	
  /* For mobile: */
.newslettercell-1 {display: block; width:100%;}
.newslettercell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px; margin-bottom:-120px;}

}

@media only screen and (min-width: 410px) {	
  /* For mobile: */
.newslettercell-1 {display: block; width:100%;}
.newslettercell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px; margin-bottom:-73px;}

}

@media only screen and (min-width: 450px) {	
  /* For mobile: */ 
.newslettercell-1 {display: block; width:100%;}
.newslettercell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px; margin-bottom:-50px;}


}

@media only screen and (min-width: 580px) {	
  /* For mobile: */
.newslettercell-1 {display: block; width:100%;}
.newslettercell-2 {display: block; width:100%; padding-left: 14px; padding-right: 14px;}

}

/*        ------ END OF MOBILE LAYOUT -------         */


@media only screen and (min-width: 801px) {	
 /* For desktop: */
.newslettercell-1 {display: inline-block; width:49%; float: left;}
.newslettercell-2 {display: inline-block; width:50%; float: right; padding-left: 14px; padding-right: 14px;}
}


.ShoppingCartDetails p {
    line-height: 25px;
}


a.favorites-item {
font: 11px LatoRegular, Verdana,Arial,Helvetica,sans-serif;
}
a.favorites-addmore {
font: 11px LatoBold, Verdana,Arial,Helvetica,sans-serif;
}

.homepageheader h1{
font: normal 19px LatoBold, 'Lato', sans-serif;
font-weight: normal;
color: #222222;
text-align: left;
font-weight: bold;
}

div.searchResultWrapper ul#SearchResultList > li > ul > li > img {
    width: 130px !important;
    height: 130px !important;
    border-radius: 50% !important;
}

div.searchResultWrapper ul#SearchResultList > li > img {
    width: 100px !important;
    height: 100px !important;
}

div.searchResultWrapper ul#SearchResultList > li {
    padding-bottom: 5%;
}

.productDetailsWrapper h2 {
font: bold 17px LatoRegular;
line-height: 25px;
}
.productDetailsSummaryWrapper h2 {
font: bold 19px LatoRegular;
line-height: 27px;
}

.productDetailsWrapper h3 {
font: bold 14px LatoRegular;
line-height: 25px;
}

.productDetailsSummaryWrapper h3 {
font: bold 16px LatoRegular;
line-height: 25px;
}

ul#SearchResultList li ul {
    list-style: square;
}

.productDetailsWrapper ul li, .productDetailsWrapper a, .productDetailsWrapper b,.productDetailsWrapper strong,.productDetailsSummaryWrapper ul li,.productDetailsSummaryWrapper a, .productDetailsSummaryWrapper b, .productDetailsSummaryWrapper strong {
    line-height: 25px;
}