/*For All*/



body {

background-color: #ebebeb;

overflow-x: hidden;

padding:0px;

margin-right:0px;

margin-left:0px;

}



img {

border: 0px;

}



h1.resources {

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#525252;

text-decoration:underline;

text-align:center;

}



ul {

list-style-type:none;

}



#headerdiv {

background-color:#000000;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#ebebeb;

text-align:center;

padding-top:10px;

padding-bottom:10px;

width: 100%;

}



 #headerdiv .username a.headlight {

 color: #9fc9fc;

 }



 a.headerlink {

 color:#ebebeb;

 text-decoration:none;

 }

 

 a.headerlink:hover {

 text-decoration:underline;

 }

 



#searchdiv {

padding-top:10px;

padding-bottom:10px;

background-color:#ebebeb;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#525252;

}



 .advancedsearch {

 display:inline;

 }

 

 a.advancedsearch {

 color:#525252;

 }



form#searchbox {

margin:0px;

display:inline;

}



#bodydiv {

width: 100vw;

background-image: url(images/Angle.png);

margin-left:0px;

margin-right:0px;

}



 #container {

 background-color: #ffffff;

 border: 2px solid #525252;

 overflow:auto;

 }



 	#leftnav {

	float:left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #525252;

	padding-top:5px;

	margin-top:10px;

	background-color:#ffffff;

	text-align:center;

	border-right:1px solid #525252;

	}

	

	

	 ul.lnav {

	 list-style-type:none;

	 padding-left: 15px;

	 margin-left: 40px;

	 text-align:left;

	 }

	

	 	a.lnavlink {

	 	font-size:13px;

		color: #525252;

		text-decoration:none;

	 	}

		

		a.lnavlink:hover {

		text-decoration:underline;

		}



	.breadcrumbnav {

	font-family: Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#525252;

	padding:10px 10px 10px 15px;

	overflow:hidden;

	}

	

	 a.breadcrumblink {

	 color:#525252;

	 text-decoration:none;

	 }

	 

	 a.breadcrumblink:hover {

	 text-decoration:underline;

	 }

	 

	#content {

	padding:15px;

	background-color:#ffffff;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#525252;

	overflow:hidden;

	}

	

	 #content a:link {

	 color:#1a1580;

	 }

	 

	 #content a:hover {

	 text-decoration:underline;

	 }

	 

	 #content a:visited {

	 color:#1a1580;

	 }

	 

	 /*img.slide {

	 -webkit-transition: all 0.5s ease-in-out;

	 z-index:3;

	 }*/





#bottomnavdiv {

background-color: #ebebeb;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

color: #525252;

}



 .bnavtitle {

 text-decoration:underline;

 }



 #bnav1{

 padding:15px;

 width:200px;

 }

 

 #bnav2 {

 padding:15px;

 width:200px;

 }

 

 #bnav3 {

 padding:15px;

 width:200px;

 }

 

 #bnav4 {

 padding:15px;

 width:200px;

 }

 

 ul.bnav {

 list-style-type: none;

 padding:0px;

 margin:0px;

 text-align:left;

 }

 

 	a.bnavlink {

	color: #525252;

	text-decoration:none;

	}

	

	a.bnavlink:hover {

	text-decoration:underline;

	}





#footerdiv {

width: 100%;

background-color: #ebebeb;

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

color: #525252;

text-align: center;

clear:both;

}



/*For Mobile*/

@media only screen and (max-width: 625px) {



#headerdiv {

width:100%;

}



#titlecontainer {

width:100vw;

padding:0px;

margin:0px;

background-image: url(images/HeaderTile.png);

}

 

#titlediv {

width:100%;

padding:10px;

}



 img.logo {

 height:50px;

 }

 

 img.imgtel {

 height:45px;

 }



 #telephone {

 display:inline;

 }

 

 #titleimg {

 display:none;

 }

 

 #armandleg {

 display:none;

 }



#mobilemenu {

display:block;

background-color:#ffffff;

width:100vw;

margin:0px;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:bold;

color:#ffffff;

text-align:center;

padding-top:10px;

padding-bottom:10px;

}



 .mmenu {

 list-style-type:none;

 margin:0px;

 padding:0px;

 }

 

 .mmenuitem {

 padding: 0px 10px 0px;

 display:inline-block;

 background-color:#525252;

 border-style:outset;

 border-radius:15px;

 }

 

 	.mmenuitem > a.mmenulink {

	color:#ffffff;

	text-decoration:underline;

 	}



#menudiv {

display:none;

}



#searchdiv {

width: 100%;

margin:0px;

}



#container {

width:100%;

}



#leftnav {

display:none;

}



	 #socialmedia {

	 width:230px;

	 margin: auto;

	 display:none;

	 }

	



	

	.leftnavtext {

	text-align:center;

	font-size:16px;

	display:none;

	}

	

	 a.phone {

	 color: #525252;

	 text-decoration:none;

	 }

	

	#livechat {

	width:230px;

	margin:auto;

	display:none;

	}



#lnavmenu {

display:none;

}

 

 .breadcrumbnav {

 clear:both;

 }



#mobilelnav {

display:block;

}



 #mobilesocial {

 width:230px;

 margin: auto;

 }

 

 	 	.socialmediabutton {

	 	display: inline;

		padding:10px;

	 	}

 

 .mobilelnavtext {

 font-family:Arial, Helvetica, sans-serif;

 text-align:center;

 font-size:16px;

 }

 

 #mobilelivechat {

 width:230px;

 margin:auto;

 }



            .chattop {

            

            }



            .chatbottom {

            font-family:Arial, Helvetica, sans-serif;

            font-size:11px;

            }

	 

#bottomnavdiv {

width: 100%;

text-align:center;

font-size: 16px;

} 



 #bnav1 {

 display:block;

 clear:both;

 margin:auto;

 text-align:left;

 }

 

 #bnav2 {

 display:block;

 clear:both;

 margin:auto;

 text-align:left;

 }

 

 #bnav3 {

 display:block;

 clear:both;

 margin:auto;

 text-align:left;

 }

 

 #bnav4 {

 display:block;

 clear:both;

 margin:auto;

 text-align:left;

 }

}



 

/*Modifications For Tablets*/

@media only screen and (min-width: 626px) and (max-width: 1000px) {



#headerdiv {

width:100%;

margin:auto;

text-align:center;

}



#titlecontainer {

width:100vw;

padding:0px;

margin:0px;

background-image: url(images/HeaderTile.png);

}



#titlediv {

width:100%;

padding:10px;

}



 img.logo {

 height:103px;

 }

 

 img.title {

 height:103px;

 }

 

 img.armandlegimg {

 height:103px;

 }



 #telephone {

 display:none;

 }

 

 #titleimg {

 display:inline;

 }

 

 #armandleg {

 display:none;

 }



#mobilemenu {

display:block;

background-color:#ffffff;

width:100vw;

margin:0px;

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

font-weight:bold;

color:#525252;

text-align:center;

padding-top:16px;

padding-bottom:16px;

}



 .mmenu {

 list-style-type:none;

 margin:0px;

 padding:0px;

 }

 

 .mmenuitem {

 padding: 0px 10px 0px;

 display:inline-block;

 background-color:#525252;

 border-style:outset;

 border-radius:15px;

 }

 

 	.mmenuitem > a.mmenulink {

	color:#ffffff;

	text-decoration:underline;

 	}





#menudiv {

display:none;

}



#searchdiv {

width: 80%;

max-width:1200px;

margin:auto;

}



#container {

width:100vw;

}



#leftnav {

display:block;

}



	 #socialmedia {

	 width:230px;

	 margin: auto;

	 display:block;

	 }

	

	 	.socialmediabutton {

	 	display: inline;

		padding:10px;

	 	}

	

	.leftnavtext {

	text-align:center;

	font-size:16px;

	display:block;

	}

	

	 a.phone {

	 color: #525252;

	 text-decoration:none;

	 }

	

	#livechat {

	width:230px;

	margin:auto;

	display:block;

	}



            .chattop {

            

            }



            .chatbottom {

            font-size:11px;

            }



#lnavmenu {

display:block;

}



#mobilelnav {

display:none;

}

 

#bottomnavdiv {

width: 100%;

text-align:center;

font-size: 16px;

} 



 #bnav1 {

 display:block;

 clear:both;

 margin:auto;

 text-align:left;

 }

 

 #bnav2 {

 display:block;

 clear:both;

 margin:auto;

 text-align:left;

 }

 

 #bnav3 {

 display:block;

 clear:both;

 margin:auto;

 text-align:left;

 }

 

 #bnav4 {

 display:block;

 clear:both;

 margin:auto;

 text-align:left;

 }

}

/*Modifications For Desktops*/

@media only screen and (min-width: 1001px) and (max-width: 1199px) {



#headerdiv {

width:100%;

margin:auto;

text-align:center;

}



#titlecontainer {

width:100vw;

padding:0px;

margin:0px;

background-image: url(images/HeaderTile.png);

}



#titlediv {

width:100%;

padding:10px;

}



 img.logo {

 height:103px;

 }

 

 img.title {

 height:103px;

 }

 

 img.armandlegimg {

 height:103px;

 }



 #telephone {

 display:none;

 }

 

 #titleimg {

 display:inline;

 }

 

 #armandleg {

 display:inline;

 }



#mobilemenu {

display:none;

}

 

#menudiv {

display:block;

width: 100vw;

background-color: #ffffff;

font-family: Arial, Helvetica, sans-serif;

font-size: 16px;

font-weight:bold;

color: #525252;

text-align: center;

padding-top: 10px;

padding-bottom: 10px;

margin:0px;

}



ul.topmenu {

margin:0;

padding:0;

position:relative;

}



.menu {

position:relative;

display:inline-block;

list-style-type:none;

padding:5px;

margin:0;

border-right:1px solid #525252;

}



.menu > a.topmenulink {

color:#525252;

text-decoration:none;

}



.menu:hover {

background:#525252;

}



.menu:hover > a.topmenulink {

color:#ffffff;

background-color:#525252;

text-decoration:underline;

}



ul.dropdown {

display:none;

position:absolute;

padding:10px 0px 0px 5px;

width:7em;

text-align:left;

margin:0px;

z-index:10;

}



.menu:hover > ul.dropdown {

display:block;

background-color:#525252;

list-style-type:none;

border-right:1px solid #525252;

border-left:1px solid #525252;

border-bottom:1px solid #525252;

position:absolute;

}



.submenu {

padding-top:5px;

padding-bottom:5px;

}



.submenu:hover {

background-color:#ebebeb;

}



.submenu > a.menulink {

color:#ffffff;

text-decoration:none;

}



.submenu:hover > a.menulink {

color:#525252;

text-decoration:underline;

}



#searchdiv {

width: 80%;

max-width:1200px;

margin:auto;

}



#container {

 margin: auto;

 width: 80%;

 max-width:1200px;

}

 

#leftnav {

display:block;

}

 

	 #socialmedia {

	 width:230px;

	 margin: auto;

	 display:block;

	 }

	

	 	.socialmediabutton {

	 	display: inline;

		padding:10px;

	 	}

	

	.leftnavtext {

	text-align:center;

	font-size:16px;

	display:block;

	}

	

	 a.phone {

	 color: #525252;

	 text-decoration:none;

	 }

	

	#livechat {

	width:230px;

	margin:auto;

	display:block;

	}



            .chattop {

            

            }



            .chatbottom {

            font-size:11px;

            }

 

#lnavmenu {

display:block;

}

 



#mobilelnav {

display:none;

}

	 

#bottomnavdiv {

width: 100%;

margin-left:16%;

margin-right:16%;

clear:both;

padding-left:10%;

padding-right:16%;

font-size: 12px;

}



 #bnav1 {

 display:inline-block;

 float:left;

 }

 

 #bnav2 {

 display:inline-block;

 float:left;

 }

 

 #bnav3 {

 display:inline-block;

 float:left;

 }

 

 #bnav4 {

 display:inline-block;

 float:left;

 }

}



/*Modifications for Largest screens*/

@media only screen and (min-width: 1200px) {



#headerdiv {

width:100%;

margin:auto;

text-align:center;

}



#titlecontainer {

width:100vw;

padding:0px;

margin:0px;

background-image: url(images/HeaderTile.png);

}



#titlediv {

width: 80%;

max-width:1200px;

margin: auto;

padding:10px;

}



 img.logo {

 height:103px;

 }

 

 img.title {

 height:103px;

 }

 

 img.armandlegimg {

 height:103px;

 }



 #telephone {

 display:none;

 }

 

 #titleimg {

 display:inline;

 }

 

 #armandleg {

 display:inline;

 }



#mobilemenu {

display:none;

}

 

#menudiv {

display:block;

width: 100vw;

background-color: #ffffff;

font-family: Arial, Helvetica, sans-serif;

font-size: 16px;

font-weight:bold;

color: #525252;

text-align: center;

padding-top: 16px;

padding-bottom: 16px;

margin:0px;

}



ul.topmenu {

margin:0;

padding:0;

position:relative;

}



.menu {

position:relative;

display:inline-block;

list-style-type:none;

padding:5px;

margin:0;

border-right:1px solid #525252;

}



.menu > a.topmenulink {

color:#525252;

text-decoration:none;

}



.menu:hover {

background:#525252;

}



.menu:hover > a.topmenulink {

color:#ffffff;

background-color:#525252;

text-decoration:underline;

}



ul.dropdown {

display:none;

position:absolute;

padding:10px 0px 0px 5px;

width:7em;

text-align:left;

margin:0px;

z-index:10;

}



.menu:hover > ul.dropdown {

display:block;

background-color:#525252;

list-style-type:none;

border-right:1px solid #525252;

border-left:1px solid #525252;

border-bottom:1px solid #525252;

position:absolute;

}



.submenu {

padding-top:5px;

padding-bottom:5px;

}



.submenu:hover {

background-color:#ebebeb;

}



.submenu > a.menulink {

color:#ffffff;

text-decoration:none;

}



.submenu:hover > a.menulink {

color:#525252;

text-decoration:underline;

}



#searchdiv {

width: 80%;

max-width:1200px;

margin:auto;

}



#container {

 margin: auto;

 width: 80%;

 max-width:1200px;

}

 

#leftnav {

display:block;

}

 

	 #socialmedia {

	 width:230px;

	 margin: auto;

	 display:block;

	 }

	

	 	.socialmediabutton {

	 	display: inline;

		padding:10px;

	 	}

	

	.leftnavtext {

	text-align:center;

	font-size:16px;

	display:block;

	}

	

	 a.phone {

	 color: #525252;

	 text-decoration:none;

	 }

	

	#livechat {

	width:230px;

	margin:auto;

	display:block;

	}



            .chattop {

            

            }



            .chatbottom {

            font-size:11px;

            }

 

#lnavmenu {

display:block;

} 

 

#mobilelnav {

display:none;

}

 

#bottomnavdiv {

width: 100%;

margin-left:16%;

margin-right:16%;

clear:both;

padding-left:10%;

padding-right:16%;

font-size: 12px;

}



 #bnav1 {

 display:inline-block;

 float:left;

 }

 

 #bnav2 {

 display:inline-block;

 float:left;

 }

 

 #bnav3 {

 display:inline-block;

 float:left;

 }

 

 #bnav4 {

 display:inline-block;

 float:left;

 }

}



/*Global - for entity.list XML Package*/



.widthbox {

clear:both;

display:block;

overflow:auto;

}



.thicknesslist {

border:1px solid black;

border-radius: 8px;

background-color:#eeeeee;

padding:6px;

margin: 8px;

float:left;

width:310px;

}



ul.SizeBoxHalf {

padding:0px;

margin:0px;

}



.widthlist {

border:1px solid black;

border-radius:8px;

background-color:#eeeeee;

padding:6px;

margin: 8px;

float:left;

width:310px;

}



.SizeLabel {

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

font-size:26px;

background-color:transparent;

border:0px none;

vertical-align:top;

margin:0px 7px;

padding:0px;

}



.SizeButton {

display:inline-block;

text-align:center;

width:62px;

height:15px;

padding:5px 3px;

margin:3px;

background-color:#BBB;

border: 1px solid black;

border-radius:5px;

font-size:12px;

}



.pagenum {

text-align:right;

}



.ProductTable {

border-collapse:collapse;

border-spacing:10px;

border:0;

padding:3px;

}



.ProductLine {

padding:8px;

overflow:hidden;

}



.ProductLineTitle {

background-color:#525252;

}



.ProductDescriptionTitle{

font-family:Arial, Helvetica, sans-serif;

color:#ffffff;

font-size:18px;

display:inline-block;

width:50%;

float:left;

}



.ProductListDescription {

font-family:Arial, Helvetica, sans-serif;

display:inline-block;

width:50%;

float:left;

font-size:14px;

}



.columnAB {

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

color:#ffffff;

display:inline-block;

text-align:right;

width:25%;

float:left;

}



.productAB{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#000000;

display:inline-block;

text-align:right;

width:25%;

float:left;

}



/*Mobile - For entity.list XML Package*/



@media only screen and (max-width: 625px) {

 .thicknesslist{

 margin-left:0px;

 margin-right:0px;

 }



 .widthlist {

 margin-left:0px;

 margin-right:0px;

 }

}



/*Global - For product.VariantsInTableCondensedInchmicrodata XML Package */



.LInfoBox {

float:left;

width:50%;

}



.ProductImage {

float:left;

clear:right;

padding-left:5px;

}



.ProductNotes {

font-weight:bold;

}



.ProductDescription {

float:left;

clear:left;

}



.ProductDiagram {

float:left;

padding-left:20px;

}



.RelatedProducts {

width:100%;

}



 					 /*from Travis' stylesheet*/



.DarkCell {

background-color: #525252; 

padding:5px 0px 5px 10px;

}



.CondensedDarkCellText  { 

color: #ffffff; 

font-family: Verdana, Geneva, arial,helvetica; 

font-size: 11px; 

font-weight: bold;

display:inline-block;

}



.Length {

width:15%;

}



.CutTol {

width:20%;

}



.Weight {

width:15%;

}



.Price {

width:15%;

}



.Order {

width:30%;

}



.CustomLengthHere {

font-weight:bold;

color: #c92127;

}



.MaxLength {

font-size:11px;

color: #c92127;

}



.ProductVariantRow{

padding: 0px;  

text-align:left; 

clear: both;

}



.ProductVariantRowInfo {

padding:10px 0px 10px 10px;

}



.ProductVariantRowCellName{

vertical-align:middle; 

width:15%;

float: left;

font-size:11px;

display:inline-block;

}



.ProductVariantRowCellTolerance{

vertical-align:middle; 

width:20%;

float: left;

font-size:11px;

display:inline-block;

}



.ProductVariantRowCellWeight{

vertical-align:middle; 

width:15%;

float: left;

font-size:11px;

display:inline-block;

}



.ProductVariantRowCellPrice{

vertical-align:middle; 

font-weight:bold;

width:15%;

float: left;

font-size:11px;

display:inline-block;

}



.ProductVariantRowAddToCart {

padding: 0; 

font-size:11px; 

text-align:center; 

display:inline-block; 

vertical-align:middle; 

width:200px;

}







/*Mobile - For product.VariantsInTableCondensedInchmicrodata XML Package */



@media only screen and (max-width: 625px) {



.ProductDescription {

}



.ProductDiagram {

}



.ProductImage img {

width:150px;

}



.ProductDiagram img {

width:100px;

}



 						/*from Travis' stylesheet*/



.CondensedDarkCellText  { 

font-size:9px;

}



.ProductVariantRow {

padding: 0;

}



.ProductVariantRowAddToCart {

 padding: 0; 

 font-size:11px; 

 text-align:center; 

 display:inline-block; 

 vertical-align:middle; 

 width:115px;

}



.ProductVariantRowInfo {

padding: 10px 0px 10px 0px;

}



}









/*Tablet - For product.VariantsInTableCondensedInchmicrodata XML Package */

@media only screen and (min-width: 626px) and (max-width: 1053px) {



.ProductImage img {

width:150px;

}



.ProductDiagram img {

width:150px;

}



.ProductVariantRowAddToCart {

 /*float: right;*/ 

 padding: 0; 

 font-size:11px; 

 text-align:center; 

 display:inline-block; 

 vertical-align:middle; 

 width:115px;

}



}



/*For Advanced Search Page*/



.SearchStillOpen {

font-weight:bold;

color:#000000;

}



.SearchHeading {

font-weight:bold;

color:#000000;

}



.SearchAllItemsAre {

display:none;

}



/*For Fire Sale entity.gridwithqty.xml.config*/



.FireSaleHeader {

}



.FlameContainer {

display:inline-block;

float:left;

}



.flames {

width: 100%;

padding:0px 5px 0px 5px;

}



.RightFlame {

clear: right;

}



.FSDescContainer {

text-align:center;

width:50%;

display:inline-block;

float:left;

}



.FireSaleDescription {

font-weight:bold;

}



.blankline {

height:22px;

width:100%;

clear:both;

display:inline-block;

}



.FireSaleGrid {

display:inline-block;

float:left;

width:30%;

}



.FireSaleMetal {

text-align:center;}



.FireSaleLabel {

text-align:center;

}





@media only screen and (max-width: 625px) {



.flames {

display:none;

}



.FSDescContainer {

clear:both;

width:100%;

}



}



@media only screen and (min-width: 626px) and (max-width: 1000px) {



.flames {

width:75px;

}



}









/*For Fire Sale subpages entity.simpleproductlistnopicwprice */



.divider {

}



.spacer {

}



.ProductRow {

padding: 0px;  

text-align:left; 

clear: both;

}



.ProductRowCellName {

font-size:12px;

font-weight:bold;

float:left;

display:inline-block;

width:25%;

}



.ProductRowCellUnits {

font-size:12px;

font-weight:bold;

float:left;

display:inline-block;

width:20%;

}



.ProductRowCellPrice {

font-size:12px;

float:left;

display:inline-block;

width:25%;

}



.ProductRowCellAddtoCart {

font-size:12px;

float:left;

display:inline-block;

width:30%;

}







/*For entity.list.xml.config Descriptions */



.sectiontitle {

font-weight:bold;

}



.books {

display:inline-block;

float:left;

}



.books a {

text-decoration:none;

}



.MaterialLink {

font-weight:bold;

display:inline-block;

float:left;

}



.MaterialLink a {

text-decoration:none;

}





/*For entity.CatSec.GridList.xml.config */



.ShapeContainer {

width: 100%;}



.ShapeGridCell {

display:inline-block;

float:left;

width:25%;

min-height:115px;

}



@media only screen and (max-width: 625px) {



.ShapeGridCell {

width:50%;

}



}





@media only screen and (min-width: 626px) and (max-width: 1000px) {



.ShapeGridCell {

width:33%;

}



}



/*For entity.simpleproductlistNameOnly.xml.config (gift cards) */



.miscproductcontainer {

width:100%;

}



.gcrow {

clear:both;

width:100%;

}



.gccol1 {

display:inline-block;

float:left;

width:20%;

}



.gccol2 {

display:inline-block;

float:left;

width: 20%;

}



.gccol3 {

display:inline-block;

float:left;

width:20%;

}



.gccol4 {

display:inline-block;

float:left;

width:40%;

}



@media only screen and (max-width: 625px) {



.gccol1 {

display:none;

}



  .gcimg {

  display:none;

  }



.gccol2 {

width:33%;

}



.gccol3 {

width:33%;

}



.gccol4 {

width:33%;

}



}



@media only screen and (min-width: 626px) and (max-width: 1000px) {



.gcimg {

width:50px;

}



}



/*For Shopping Cart Page*/



.shoppingcartcontainer {

width:100%;

}



.cartlabel {

float:left;

}



.shoppingcart {

width:100%;

border: 1px solid #444444;

padding:4px;

float:left;

}