@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src: url("/css/fonts/Roboto-Regular.eot"), url("/css/fonts/Roboto-Regular.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    src: url("/css/fonts/Roboto-Bold.eot"), url("/css/fonts/Roboto-Bold.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: url("/css/fonts/Roboto-Black.eot"), url("/css/fonts/Roboto-Black.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("/css/fonts/Roboto-Light.eot"), url("/css/fonts/Roboto-Light.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: url("/css/fonts/Roboto-Thin.eot"), url("/css/fonts/Roboto-Thin.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("/css/fonts/Roboto-Medium.eot"), url("/css/fonts/Roboto-Medium.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: normal;
    src: url("/css/fonts/Roboto-Italic.eot"), url("/css/fonts/Roboto-Italic.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: bold;
    src: url("/css/fonts/Roboto-BoldItalic.eot"), url("/css/fonts/Roboto-BoldItalic.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 900;
    src: url("/css/fonts/Roboto-BlackItalic.eot"), url("/css/fonts/Roboto-BlackItalic.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 300;
    src: url("/css/fonts/Roboto-LightItalic.eot"), url("/css/fonts/Roboto-LightItalic.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 100;
    src: url("/css/fonts/Roboto-ThinItalic.eot"), url("/css/fonts/Roboto-ThinItalic.ttf");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: url("/css/fonts/Roboto-MediumItalic.eot"), url("/css/fonts/Roboto-MediumItalic.ttf");
}
@font-face {
    font-family: "Roboto";
    font-stretch: condensed;
    font-style: normal;
    font-weight: bold;
    src: url("/css/fonts/RobotoCondensed-Bold.eot"), url("/css/fonts/RobotoCondensed-Bold.ttf");
}
@font-face {
    font-family: "Roboto";
    font-stretch: condensed;
    font-style: normal;
    font-weight: normal;
    src: url("/css/fonts/RobotoCondensed-Regular.eot"), url("/css/fonts/RobotoCondensed-Regular.ttf");
}


/*#shoppingResults*/ h1#titleBanner {
    margin-left: 20px;
    margin-right: 0;
    width: 55%;
    height: auto;
    text-indent: 0;
}
form#form1 {margin:0 auto;}
#sideNav h1.dept {
    font-size: 14px!important;
padding: 10px 0 10px 8px!important;}

@media (max-width: 1023px){
#mainContent {margin:10px!important!important;}}



#middleArea
{
    float: left;
    margin-left: 20px;
   /* padding-right: 15px;*/
    padding-top: 15px;    
    /*width: 500px;*/
}

#rsideBar
{
   /* border-left: 1px solid #E5E0DC;
    display: inline-block; 
    padding-left: 15px;
    padding-top: 15px;
    margin-left: 15px;
    float: right;
    width: 210px;*/
    
    display: block;
    padding-top: 19%;
    
margin-left: 5%;

    width: 100%;
}

.contactus
{
    color: #646464;
    margin-bottom:15px;
}

/*@media (max-width: 869px) {  
    #middleArea {
        width: 100%;
        float: none;
    }*/  


}

p
{    
    margin: 0 0 20px;
}

p, ul.blt > li, .jobtypes, .creditapp, .creditapp td
{
    color: #646464;
    font-size: 12px;
    line-height: 21px;
}

h2
{
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
}

ul.blt
{
    margin-bottom: 20px;
}

ul.blt > li 
{
    list-style-position: inside;
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 20px;
    text-indent: -15px;
}

input + label
{
    margin-left: 3px;
}

.btn
{
	background-color: #575052;
    border-radius: 5px;
    color: #EAE5E1;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
    margin-top: -2px;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 180px;
}

.btn:link,
.btn:visited,
.btn:active,
.btn:hover
{
	
}

.alertMsg
{
	border: solid 2px #CC0000;
	font-weight: bold;
	padding: 10px;
	margin-top: 10px;
	display: inline-block;   
    font-size: 12px;
}

.successMsg
{
	border: solid 2px #008000;
	font-weight: bold;
	padding: 10px;
	margin-top: 10px;
	display: inline-block;   
    font-size: 12px;
}

.req
{
	color: #CC0000;   
	padding-right: 2px;
}

.hglt
{
	font-weight: bold;   
}

.ddl
{
	font-size: inherit;
	font-family: inherit;
	border: 1px solid #A1A1A1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding: 4px;
}

.rbl
{
	padding: 0px;
	margin: 0px;
}

.rbl li
{
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	list-style-type: none;
	display: inline;
    margin-right: 5px;
}

.rbl li label
{
    margin-left: 3px;
}

.txt
{
	border: 1px solid #A1A1A1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding: 4px;
    width: 100%;
}

.txta
{
	font-size: inherit;
	font-family: inherit;
	border: 1px solid #A1A1A1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding: 4px;
    width: 100%;
}




table.frm td
{
	vertical-align: top;
	padding-bottom: 6px;
	/*white-space: nowrap;*/
}

table.frm .lbl
{
	text-align: right;
	padding-right: 10px;
}

table.frm .fld
{
	text-align: left;
}

table.frm .spc
{
	display: inline-block;
	width: 35px; 
}

.contactus .r
{
    vertical-align: top;
	padding-bottom: 6px;
}

.contactus .r .lbl
{
    width: 270px;
    float: left;
}
    
.contactus .r .fld
{
    float: left;
}

.contactus .optin .fld
{
    white-space: normal;   
}

.mini
{
	font-size: 11px;   
}

.storepanel
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	border: solid 1px #CCCCCC;
}


.column, .columns { float: left; display: inline; padding: 10px;}
/*.one.column 	{ width: 60px;  }
.two.columns 	{ width: 140px; }
.three.columns 	{ width: 220px; }*/
.four.columns 	{ width: 300px; }
/*.five.columns 	{ width: 380px; }
.six.columns 	{ width: 460px; }
.seven.columns 	{ width: 540px; }*/	
.eight.columns 	{ width: 620px; }
/*.nine.columns 	{ width: 700px; }
.ten.columns 	{ width: 780px; }	
.eleven.columns	{ width: 860px; }*/	
.twelve.columns	{ width: 100%; }

.jobtypes
{
	margin-bottom: 15px;   
}

.jobtypes h3
{
	font-size: 16px;
	font-weight: bold;
    margin-bottom: 10px;
}

.jobtypes h4
{
	font-size: inherit;
	font-weight: bold;
	text-transform: uppercase;
}

.jobtypes ul li
{
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	list-style: none;
	margin-left: 0px;   
}

    .jobtypes ul
    {
        margin-bottom: 20px;
    }

.joblisting .frm .lbl
{
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}

.joblisting .frm .fld
{    
	font-size: 18px;    
}

.joblisting .desc
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.jobpic img { max-width:100%; }

/*@media (max-width: 1110px) {
    .four.columns 	{ width: 25%; }
    .eight.columns 	{ width: 67%; }
}*/

@media (max-width: 1040px) {

}

@media (max-width: 700px) {
    .twelve.columns	{ padding: 0; }
    table.frm  { display: block; width: 100%; }
    #sideNav { display: block; width: 100%; height: auto;}
    
    section { display: inline-block !important; width: 99% !important;  text-align: left; padding: 4px;}
    td.fld { width: 85%;}
    #middleArea { background: #E7E2DE; padding: 4px; }
    .four.columns { width: 90%; }
     article.paddedContent { width: 90%; }
     .eight.columns .content { text-align: left; }
     #shopbycategory .holder { width: 100% !important; height: 100px !important; text-align: left; display: inline; }
    #shopbycategory .holder a { display: inline !important; }
    span.rightlinks { width: 100px; float: right; }
    .fld .button { margin: auto; }
    .txt, .txta { width: 85%; }
    .filter {float:none; }
    section#sideNav h1.dept { padding: 15px 5px !important; text-align: left; }
    #rsideBar p { text-align: center; }
    img { max-width: 100%; max-height: 100%; }
}

/*@media (max-width: 630px) {
    .four.columns 	{ width: 100%; padding: 0; }
    .eight.columns 	{ width: 100%; padding: 0; }    
}*/

@media (max-width: 550px) {
    .creditapp .tacc td .opt .btn     
    {
        width: 90px;
        line-height: 20px;
        padding: 8px;
    }
}

@media (max-width: 400px) {
    .creditapp .tacc td .opt .btn     
    {
        width: 60px;
        line-height: 18px;
        padding: 6px;
    }
}



/*@media (max-width: 1025px) { 
    .column, .columns { width: 100% !important; padding: 0; }
    .jobpic { display: none; }
}*/


.creditapp table.frm { width: 99%; }
.creditapp table.frm td { vertical-align: middle; }
.creditapp table.frm .top { vertical-align: top; }
.creditapp hr { margin-top: 8px; width: 95%; text-align: center; }
.creditapp .rbl { display: inline-block; }
.creditapp .tacc { width: 100%; }
.creditapp .tacc td { width: 50%; text-align: center; }
.creditapp .tacc td .opt { border: solid 2px #CCCCCC; padding: 15px; margin: 15px; }
.creditapp .tacc td .opt .acc { font-weight: bold; margin-bottom: 15px; }

.creditapp .txt {
    width: inherit;
}

.creditapp table.rates 
{
    border: solid 1px #555555;
}

.creditapp table.rates th.headrow
{
    text-align: left;
    text-transform: uppercase;
    background-color: #444444;
    line-height: 12px;
    padding: 5px;
    color: #FFFFFF;
}

.creditapp table.rates .b
{
    font-weight: bold;   
}

.creditapp table.rates th.rh
{
    text-align: left;
    padding: 5px;
    border-right: solid 2px #555555;
    border-bottom: solid 1px #555555;
}

.creditapp table.rates td
{
    text-align: left;
    padding: 5px;
    border-bottom: solid 1px #555555;
}

.creditapp table.rates tr.last th.rh,
.creditapp table.rates tr.last td
{
    border-bottom: none;   
}

p.np
{
    margin-bottom: 0px;   
}

.creditapp table.pp 
{
    border-top: solid 1px #555555;
    border-bottom: solid 1px #555555;
    /*border-right: none;*/
}

.creditapp table.pp th.headrow
{
    text-align: left;
    text-transform: uppercase;
    background-color: #444444;
    line-height: 12px;
    padding: 5px;
    color: #FFFFFF;
    vertical-align: middle;
    border-left: solid 1px #555555;
    border-right: solid 1px #555555;
}

.creditapp table.pp .b
{
    font-weight: bold;   
}

.creditapp table.pp th.rh
{
    text-align: left;
    padding: 5px;
    border-right: solid 2px #555555;
    border-bottom: solid 1px #555555;
    border-left: solid 1px #555555;
}

.creditapp table.pp td
{
    text-align: left;
    padding: 5px;
    border-bottom: solid 1px #555555;
    border-right: solid 1px #555555;
    vertical-align: middle;
}

.creditapp table.pp td.c
{
    text-align: center;
}

.creditapp table.pp tr.last th.rh,
.creditapp table.pp tr.last td
{
    border-bottom: none;   
}

.creditapp table.pp tr th.sep
{
    margin-bottom: 20px;
}

/*@media (max-width: 978px) {
    .creditapp span.lbl { display: block; text-align: left; position: absolute; left: 0; }
    .creditapp span.lbl.lbl2 { display: block; text-align: left; position: initial; }
    .creditapp td.lbl { display: block; text-align: left; }
    .creditapp table.frm .spc { display: block; width: 100%; height: 5px; }
    .creditapp .txt.txtf { width: 100%; }
}*/



/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; }
.row:after,
.clearfix:after {
	clear: both; }
.row,
.clearfix {
	zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

#shoppingResults { width: 80% !important; }