/*/////////////////////////////// Body Containers ///////////////////////////*/

#container {
	width: 932px;
	padding: 0px;
	margin: 0px auto;
	min-width:932px;
	background: url(../images/background.png) repeat-y scroll center top;
}

#body {
	padding: 0px;
	margin: 17px 0px;
	top: 0px;
	font: 12px Arial, Helvetica, sans-serif;
}

.banner {
	padding: 0px;
	width: 932px;
	margin: 0px;
	height: 111px;
	overflow: hidden;
	background: url(../images/banner1.png) no-repeat;
	z-index: -1;
}
.banner2 {
	padding: 0px;
	width: 932px;
	margin: 0px;
	height: 111px;
	overflow: hidden;
	background: url(../images/banner2.png) no-repeat;
	z-index: -1;
}
.banner3 {
	padding: 0px;
	width: 932px;
	margin: 0px;
	height: 111px;
	overflow: hidden;
	background: url(../images/banner3.png) no-repeat;
	z-index: -1;
}
.colleft {
	margin: 0px;
	float: left;
	min-height: 100%;
	width: 150px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 16px;
}
.colright {
	clear: right;
	float: right;
	height: 100%;
	width: 640px;
	margin: 25px 66px 0px 0px;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
}

/*.colright {
	clear: none;
	float: right;
	height: 100%;
	width: 650px;
	margin: 0px;
	padding-right: 66px;
	padding-left: 30px;
	padding-top: 30px;
	overflow: visible;
}*/

.footer {
	clear: both;
	padding: 0px;
	margin: 0 auto;
	width: 932px;
	height: 57px;
}



/*//////////////////////////// How To Tutorials Styles //////////////////////////////////////*/

.tutContainer {
	margin: 0px;
	padding: 0px;
	width: 650px;
}

.tutRow {
	padding: 20px 0px 0px 10px;
	clear: both;	
}

.tutColL {
	margin: 0px;
	padding: 0px;
	width: 150px;
	float: left;
}
.tutColR {
	margin: 0px;
	padding: 0px;
	width: 500px;
	float: right;
}

/*//////////////////////////// Thumbnail Styles //////////////////////////////////////*/
.thumbContainerR {
	margin: 0px;
	float: right;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 25px;
	text-indent: 8px;
}

.thumbtrans {
	margin: 0px;
	width: 120px;
	height: 135px;
	max-width: 120px;
	float: left;
	clear: none;
	font: 10px/normal Arial, Helvetica, sans-serif;
	color: #005643;
	text-align: center;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	border-width: 0px;
	border-style: none;
	outline: none;
}

.thumbR {
	float: right;
	clear: right;
	margin: 0px;
	width: 95px;
	max-width: 200px;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	color: #005643;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-width: 0px;
	border-style: none;
	outline: none;
}

.thumbL {
	float: left;
	clear: left;
	margin: 0px;
	width: 95px;
	max-width: 200px;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	color: #005643;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-width: 0px;
	border-style: none;
}

/*//////////////////////////// Form Styles //////////////////////////////////////*/
.formcontainer {
	width: 650px;
	padding: 0px 0px;
	margin: 0px auto;
	clear: both;
	overflow: visible;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/formBKG.png);
}

.formheader {
	padding: 6px 0px 2px 12px;
	margin: 0px 0px 0px 0px;
	width: 638px;
	height: 22px;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/formHeader.png);
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	overflow: visible;
	float:left;
}

.formbody {
	padding: 0px;
	margin: 0px;
	width: 650px;
	/*height: auto;
	min-height: 185px;*/
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/formBKG.png);
	overflow: visible;
	float:left;
	border-top: #777777 1px solid;
	border-bottom: #777777 1px solid;
}

.formfooter {
	padding: 4px 10px 0px 0px;
	margin: 0px;
	width: 640px;
	height: 16px;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/formFooter.png);
	font-size: 9px;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	clear: both;
	float:left;
}

.formColL {
	padding: 0px 20px 0px 10px;
	margin: 0px 0px 0px 0px;
	width: 290px;
	float: left;
	text-align: right;
}

.formColR {
	padding: 0px 30px 0px 10px;
	margin: 0px 0px 0px 0px;
	width: 289px;
	float: right;
	text-align: right;
	border-left: 1px #999999 solid;
}

.formSpacer {
	padding: 0px;
	margin: -12px 0px 0px 0px;
	height: 10px;
	width: 275px;
}

.formsubmit {
	clear: both;
	width: 590px;
	padding: 10px 20px 0px 10px; 
	margin: 0px auto -10px auto;  
	text-align:right;
}

/*//////////////////////////// Form SM Styles //////////////////////////////////////*/
.formcontainerSM {
	width: 440px;
	padding: 0px 0px;
	margin: 0px;
	clear:left;
	float: left;	
	overflow: visible;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/formBKG.png);
}

.formheaderSM {
	padding: 6px 0px 2px 12px;
	margin: 0px 0px 0px 0px;
	width: 428px;
	height: 22px;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/formHeaderSM.png);
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	overflow: visible;
	float:left;
}

.formbodySM {
	padding: 0px;
	margin: 0px;
	width: 440px;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/formBKGSM.png);
	overflow: visible;
	float:left;
	border-top: #777777 1px solid;
	border-bottom: #777777 1px solid;
}

.formfooterSM {
	padding: 4px 10px 0px 0px;
	margin: 0px;
	width: 430px;
	height: 16px;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/formFooterSM.png);
	font-size: 9px;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	clear: both;
	float:left;
}
.formColSM {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 30px;
	width: 400px;
	float: left;
	clear:left;
	text-align: left;
}
.formInputSM {
	padding: 3px 0px 15px 5px;
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: left;
	overflow: visible;
}
.formsubmitSM {
	width: 150px;
	padding: 10px 20px 0px 10px; 
	margin: 0px auto -10px auto;  
	text-align:right;
}
.formIconSM {
	margin: -1px 5px -4px 0px; 
	float:left;
}


/*////////////////////////////////////// Image Floaters /////////////////////////////////*/

.floatR {
	float: right;
	padding-left: 15px;
	padding-right: 8px;
	padding-bottom: 5px;
	overflow: hidden;
	clear:none;
}
.floatR2 {
	margin: -6px -28px 1px 0px;
	padding: 0px; 
	width:220px; 
	height: 330px;
	overflow:hidden; 
	float:right;
	clear:none;
}

.floatL {
	float: left;
	padding-right: 15px;
}

.floatL2 {
	float: left;
	padding-right: 10px;
}

/*/////////////////////////////////////Text Styles H's & P styles //////////////////*/

h1 {
	font: 900 17px Arial, Helvetica, sans-serif;
	background-image: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/heading1b.png);
	background-repeat: no-repeat;
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 0px 12px;
	height: 24px;
	width: 638px;
	color: #FFFFFF;
	text-decoration: none;
	clear: left;
	overflow: hidden;
}

.closeh1 {
	padding: 0px 5px 0px 0px;
	margin: 0px 0px -5px 0px;
}
h2 {
	padding: 2px 2px 2px 8px;
	margin: 0px 0px -4px 0px;
	color: #005643;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	height: 25px;
	background-image: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/heading2b.png);
	background-repeat: no-repeat;
}

h3 {
	font: 900 14px Arial, Helvetica, sans-serif;
	color: #FF9900;
}
h4 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #005643;
	padding: 0px 0px 0px 20px;
}
h5 {
	font: 900 10px Arial, Helvetica, sans-serif;
	color: #999999;
	margin-left: 9px;
}
h6 {
	font: 900 10px Arial, Helvetica, sans-serif;
	color: #FF9900;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 0px 0px 10px 9px;
	padding: 0px 0px 0px 0px;
}

.linespc {
	line-height: 150%;
}

.FontBldGreen {
	font: Bold 14px Arial, Helvetica, sans-serif;
	color: #005643;
}
.FontBldGreen2 {
	font: Bold 12px Arial, Helvetica, sans-serif;
	color: #005643;
}
.FontBldOrange {
	font: Bold 14px Arial, Helvetica, sans-serif;
	color: #ff9900;
}
.FontBldOrange2 {
	font: Bold 12px Arial, Helvetica, sans-serif;
	color: #ff9900;
}
.BTN-Tiny {
	padding: 0px 3px 0px 0px;
	margin: 0px 0px -3px -2px;
}
.FontSmGray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}
.FontSmGray2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
}
.FontFAQ {
	font: Bold 14px Arial, Helvetica, sans-serif;
	color: #005643;
	padding: 0px 0px 0px 0px;
	margin:  20px 0px 2px 0px;
	font-style:italic;
}

/*//////////////////////////////////////// Faux Button Link styles //////////////////*/

#button a:link {
	color: #FFFFFF;
	padding: 0px 8px 0px 8px;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #005643;
	border: 2px;
	border-style: solid;
	border-top-color: #009372;
	border-right-color: #003327;
	border-bottom-color: #000000;
	border-left-color: #008063;

}
#button a:visited {
	color: #CCCCCC;
	padding: 0px 8px 0px 8px;
	margin: 0px 10px 0px 0px;
	background: #666666;
	text-decoration: none;
	border: 2px solid;
	border-top-color: #999999;
	border-right-color: #333333;
	border-bottom-color: #000000;
	border-left-color: #CCCCCC;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#button a:hover {
	color: #FFFFFF;
	padding: 0px 8px 0px 8px;
	text-decoration: none;
	margin: 0px 9px 0px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FF9900;
	border: 2px;
	border-style: solid;
	border-top-color: #FFB94F;
	border-right-color: #E68400;
	border-bottom-color: #D26F00;
	border-left-color: #FFC164;
}
#button a:active {
	color: #FFDFAE;
	padding: 0px 8px 0px 8px;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FF9900;
	border: 2px;
	border-style: solid;
	border-top-color: #D26F00;
	border-right-color: #FFC164;
	border-bottom-color: #FFB94F;
	border-left-color: #E68400;
}

/*////////////////////////////// Faux button Class /////////////////////////////////*/

.button {
	color: #FFFFFF;
	padding: 2px 4px;
	margin: 2px 2px;
	height: 22px;
	width: 90px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/BTN-BKG22x90.png);
	border: 0px none;
	outline: 0px none;
}


.button2 a:link {
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	float: left;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #005643;
	border: 2px;
	border-style: solid;
	border-top-color: #009372;
	border-right-color: #003327;
	border-bottom-color: #000000;
	border-left-color: #008063;

}
.button2 a:visited {
	color: #CCCCCC;
	padding: 0px 6px 0px 6px;
	margin: 0px 10px 0px 0px;
	float: left;
	background: #666666;
	text-decoration: none;
	border: 2px solid;
	border-top-color: #999999;
	border-right-color: #333333;
	border-bottom-color: #000000;
	border-left-color: #CCCCCC;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.button2 a:hover {
	color: #FFFFFF;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	margin: 0px 9px 0px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FF9900;
	border: 2px;
	border-style: solid;
	border-top-color: #FFB94F;
	border-right-color: #E68400;
	border-bottom-color: #D26F00;
	border-left-color: #FFC164;
}
.button2 a:active {
	color: #FFDFAE;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FF9900;
	border: 2px;
	border-style: solid;
	border-top-color: #D26F00;
	border-right-color: #FFC164;
	border-bottom-color: #FFB94F;
	border-left-color: #E68400;
}


.button3 a:link {
	color: #FFFFFF;
	float:left;
	padding: 2px 10px;
	text-decoration: none;
	margin: 1px 0px 1px 0px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	background: #005643 url(../images/BTN-background20-Green.png) repeat-x;
	border: 1px solid;
	border-top-color: #009372;
	border-right-color: #003327;
	border-bottom-color: #000000;
	border-left-color: #008063;

}
.button3 a:visited {
	color: #CCCCCC;
	float:left;
	padding: 2px 10px;
	margin: 1px 0px 1px 0px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	text-decoration: none;
	background: #005643 url(../images/BTN-background20-Green.png) repeat-x;
	border: 1px solid;
	border-top-color: #009372;
	border-right-color: #003327;
	border-bottom-color: #000000;
	border-left-color: #008063;

}
.button3 a:hover {
	color: #FFFFFF;
	float:left;
	padding: 2px 10px;
	text-decoration: none;
	margin: 1px 0px 1px 0px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	background: #005643 url(../images/BTN-background20-Orange3.png) repeat-x;
	border: 1px solid;
	border-top-color: #FFB94F;
	border-right-color: #E68400;
	border-bottom-color: #D26F00;
	border-left-color: #FFC164;
}
.button3 a:active {
	color: #FFDFAE;
	float:left;
	padding: 2px 10px;
	text-decoration: none;
	margin: 2px 0px 0px 0px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	background: #005643 url(../images/BTN-background20-Orange2.png) repeat-x;
	border: 1px solid;
	border-top-color: #D26F00;
	border-right-color: #FFC164;
	border-bottom-color: #FFB94F;
	border-left-color: #E68400;
}

.button4 a:link {
	float: right;
	text-align: right;
	text-decoration:none;
	color:#999999;
	padding: 2px 5px;
}
.button4 a:visited {
	float: right;
	text-align: right;
	text-decoration:none;
	color:#333333;
	padding: 2px 5px;
}
.button4 a:focus {
	float: right;
	text-align: right;
	text-decoration:none;
	color:#333333;
	background-color: #FF9900;
	border:1px #FF6600 solid;
	padding: 2px 5px 2px 5px;
}
.button4 a:hover {
	float: right;
	text-align: right;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#FF9900;
	border:1px #FF6600 solid;
	padding: 2px 5px;

}


/*//////////////////////////Navigation Buttons and Styles version 2 4-25-08 /////////////////////////////////////*/
.navcontainer {
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	list-style-type: none;
	clear: left;	
	}

.NavCellCon {
	width: 142px;
	clear:both;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 4px;	
}
.NavSectTitle {
	background: url(http://www.lamargraphics.com/lgweb/LG2k8/images/LNK-TOP.png) no-repeat;
	height: 18px;
	width: 135px;
	padding: 2px 0px 0px 7px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	overflow: hidden;
	float: left;
	clear: left;
	
}
.NavBtnCon{
	width: 142px;
	overflow: visible;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	float: left;
	clear: left;
	list-style-type: none;
}
.NavButton {
	color: #000000;
	width: 142px;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px ;
	background-image: url(http://www.lamargraphics.com/lgweb/LG2k8/images/LNK-down.png);
	text-decoration: none;
	font: normal 11px/17px Arial, Helvetica, sans-serif;
	list-style-type: none;
	float: left;
	clear:left;
}
.NavButton a:visited {
	color: #000000;
	width: 135px;
	height: 17px;
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font: normal 11px/17px Arial, Helvetica, sans-serif;
}
.NavButton a:link {
	color: #000000;
	width: 135px;
	height: 17px;
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font: normal 11px/17px Arial, Helvetica, sans-serif;
}
.NavButton a:hover {
	display: block;
	color: #FFFFFF;
	width: 135px;
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 0px ;
	background: url(http://www.lamargraphics.com/lgweb/LG2k8/images/LNK-hover.png);
	background-position: 0 0;
	text-decoration: none;
	font: normal 11px/17px Arial, Helvetica, sans-serif;
}
.NavButton a:active {
	display: block;
	color: #FFFFFF;
	width: 135px;
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 0px ;
	background: url(http://www.lamargraphics.com/lgweb/LG2k8/images/LNK-active.png);
	background-position: 0 0;
	text-decoration: none;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
}

.NavSectBTM {
	background: url(http://www.lamargraphics.com/lgweb/LG2k8/images/LNK-BTM.png) no-repeat;
	height: 5px;
	width: 142px;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	clear: left;
}


/*////////////////////////////////////// Link Styles ///////////////////////////////*/ 
a:link {
	color: #005643;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #006600;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}

a {
	outline: none;
}

a:focus {
	outline-width: 0px;
	outline: none;
	-moz-outline-style: none;
}

.colapse {
	float: right; 
	color: #666666; 
	font-size: 9px; 
	margin: -9px 10px 0px 0px;
	padding: 0px;
}

.colapse2 {
	float: right; 
	color: #666666; 
	font-size: 9px; 
	margin: -7px 5px 0px 0px;
	padding: 0px;
}
.colapse3 {
	float: none;
	clear: both;
	color: #666666; 
	font-size: 9px; 
	margin: 0px 0px -3px 0px;
	padding: 3px 0px 0px 0px;
}
.colapse4 {
	float: right; 
	margin: -8px 5px 0px 0px;
}
.BTN-Small {
	float: left;
	color: #FFFFFF;
	font-size: 9px; 
	margin: 0px 0px;
	padding: 0px 0px;
	/*background: url(../images/BTN-Small-M.png);*/
}
.BTN-SmallEnd {
	border: none;
	outline: none;
	float: left;
	height: 12px;
	margin: 0px;
	padding: 0px;
}
#Small-BTN a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	padding: 0px 0px 1px 0px;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/BTN-Small-M.png);
}
#Small-BTN a:hover {
	color: #000000;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/BTN-Small-M-on.png);
}
	
/*//////////////////////////////////////////// Calculator Styles //////////////////////////////////////////////*/

#CalContainer { /*contains entire calculator*/
	clear: both; 
	width: 544px;
	padding: 10px 0px 0px 0px; 
	margin: 0px auto;
}
#CalHead {/*Calculator header*/
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/Calculator2/Header1.png); 
	padding: 0px; 
	margin: 0px; 
	height: 62px; 
	width: 534px; 
	overflow: hidden;
}
#CalResolution {/*Calculator Resolution Bar. Cell containing Prod Type and Conv Meth*/
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/Calculator2/ResolutionBar1.png); 
	padding: 0px 0px 0px 0px; 
	margin: 0px; 
	height: 45px; 
	width: 534px;
}
#PrintResolution {/*Product Type cell*/
	padding: 2px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	height: 43px;
	float: left;
}
#ConversionMethod {/*Conversion Method cell*/
	padding: 0px 0px 0px 80px;
	margin: 2px 0px 0px 0px;
	height: 43px;
	overflow: visible;
	float: left;
}
.ResBar { /* Resolution Bar cell styles*/ 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}
.DropDownField { /*Drop Down Menu size and font size*/
	font-size: 10px;
	height: 18px;
}
#CalBody { /* Container to house all body col and row div cells*/
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/Calculator2/BodyBKG1.png); 
	padding: 5px 0px 0px 0px;
	margin: 0px; 
	width: 534px;
	text-align: left;
	overflow: visible;
}
.CalBodyColL { /* Container to house all Left Body Columns (inputs) */
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	width: 190px;
	text-align: left;
	float: left;
	overflow: visible;
}
.CalBodyColM {/* Container to house all Middle Body Columns (buttons) */
	padding: 25px 5px 0px 0px;
	margin:  0px;
	width: 45px;
	text-align: center;
	border-width: 0px;
	float: left;
	overflow: visible;
}
.CalBodyColR {/* Container to house all Result Body Columns (results) */
	padding: 0px 0px 0px 20px;
	margin:  0px 0px 0px 0px;
	width: 234px;
	text-align: left;
	clear: none;
	float: left;
	font-size: 11px;
	border-width: 0px;
	overflow: visible;
}
#results {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 7px;
	margin: -1px 0px -1px 0px;
	color: #000000;
	width: 218px;
	height: 155px;
	text-align: left;
	overflow: hidden;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/Calculator2/Restults-BodyBKG.png);
	border: none;
}
.ResultsPad {
	padding: 0px 0px 15px 10px;
}
.CalColPush {
	 padding-left: 30px;
}
.CalCol40 {
	padding: 5px 0px 5px 0px;
	margin:  0px 0px 0px 0px;
	width: 85px;
	float: left;
	font-size: 10px;
	line-height: 11px;
	border-bottom: 1px #999999 solid;
	overflow: visible;
}
.CalCol20 {
	padding: 30px 0px 0px 5px;
	margin:  0px 0px 0px 0px;
	width: 15px;
	float: left;
	font-weight: bold;
	overflow: visible;
}
.CalColBld { /* Container cell for Left Body Columns (bleed) */
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 190px;
	height: 75px;
	float: left;
	text-align: left;
	overflow: visible;
	background: url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/Calculator2/BleedFig.png) no-repeat center center;
}
.CalInputTb {
	position: absolute;
	padding: 1px 0px 0px 0px;
	margin: -10px 0px 0px 80px;
	width: 25px;
	height: 14px;
	font-size: 11px;
	text-align: center;
}
.CalInputBb {
	position: absolute;
	padding: 1px 0px 0px 0px;
	margin: 30px 0px 0px 80px;
	width: 25px;
	height: 14px;
	font-size: 11px;
	text-align: center;
}
.CalInputLb {
	position: absolute;
	padding: 2px 0px 0px 0px;
	margin: 10px 0px 0px 30px;
	width: 25px;
	height: 14px;
	font-size: 11px;
	text-align: center;
}
.CalInputRb {
	position: absolute;
	padding: 2px 0px 0px 0px;
	margin: 10px 0px 0px 130px;
	width: 25px;
	height: 14px;
	font-size: 11px;
	text-align: center;
}
.CalInputLg {
	padding: 1px 0px 0px 2px;
	margin: 0px;
	width: 55px;
	height: 14px;
	font-size: 11px;
}
.CalInputSm {
	padding: 1px 0px 0px 2px;
	margin: 0px;
	width: 22px;
	height: 14px;
	font-size: 11px;
}
.CalBtn {
	width: 26px;
	height: 26px;
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
}
.CalBtnPad {
	padding: 0px 0px;
	margin: 0px;
	text-align: center;
}
.CalFooter {/* Calculator footer, caps off the body. */
	padding: 0px; 
	margin: 0px;
	clear: both;
	/*width: 534px; 
	height: 28px; */
	overflow: visible;
}
.CalHelp {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 8px 0px 0px 0px;
}

/*////////////////////////////////////////Search Bar in the Banner////////////////////////////////*/
.bannerSearch {
	float: right;
	padding: 0px 0px 0px 0px; 
	margin: 55px 18px 0px 0px;
	text-align: left;
	width: 220px;
	height: 35px;
	overflow:hidden;
}
.SearchText{
	color:#FFFFFF;
	font-weight: bold;
	float:left;
	margin: 5px 0px 0px 0px;
}
.SearchField {
	font-size:11px;
	background: #003300 url(http://www.lamargraphics.com/lgweb/LGArtSpecs/images/searchBKG.png);
	padding: 3px 3px 0px 3px;
	margin: 2px 0px 0px 5px;
	color:#FFFFFF;
	height: 17px;
	width: 130px;
	border-left: #003300 1px solid;
	border-right: #237A4F 1px solid;
	border-top: 0px none;
	border-bottom: 0px none;
	float:left;
}
.gobutton {
	height: 24px;
	width: 24px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style: none;
	border-width: 0px;
	outline-style: none;
	outline-width: 0px;
	background: none;
	float:left;
}
.bannerButtons { 
	float: right;
	clear: right;
	width: 62px;  
	padding: 92px 23px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	outline-style: none;
	outline-width: 0px;
}
.bannerButtons2 { 
	float: right;
	clear: right;
	width: 62px;  
	padding: 0px 0px 0px 0px; 
	margin: 2px 23px 0px 0px; 
	outline-style: none;
	outline-width: 0px;
}

/*////////////////////////////////////////Results////////////////////////////////////*/
.Searchcolright {
	clear: none;
	float: left;
	height: 100%;
	width: 650px;
	padding: 5px 0px 0px 0px;
	margin-right: 0px;
	margin-left: 50px;
	margin-top: 25px;
	z-index: 2;
}

/*////////////////////////////////////////Template Builder////////////////////////////////////*/
#TBcon {
	min-height: 150px;
	width: 650px;
	border: none;
	margin:0;
	padding:1px 0px;
}
.TBColLeft {
	width:220px;
	margin:  0px -2px 0px 0px;
	padding: 0px 0px 0px 15px;
	float:left;
	border-right: 2px groove;
}
.TBColMid {
	width:200px;
	height: 160px;
	margin:0;
	padding: 0px 0px 0px 5px;
	float:left;
	border-left: 2px groove;
}
.TBColRight {
	width:180px;
	height: 160px;
	margin:0;
	padding: 0px 0px 0px 5px;
	float:left;
	border-left: 2px groove;
}
.TBSubmit {
	width:250px;
	margin: 0px;
	padding: 20px 0px 10px 0px;
	text-align: center;
	float: right;
	vertical-align: bottom;

}
.TBInputField {
	padding: 2px 0px 0px 0px;
	margin: -1px 0px 0px 0px;
	width: 150px;
	font-size: 13px;
}

/*////////////////////////////////////Contact Us Page and Lists///////////////////////////////*/

.ContactCon {
	margin: 0px 0px 0px 8px;
	padding: 5px 0px 0px 0px;
	float: left;
	clear:left;
	width: 523px;
	border-bottom: 1px #CCCCCC solid;
	background-color:#FFFFFF;
}
.ContactColL {
	width:270px;
	margin: 0px;
	padding: 5px;
	border-left: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	float: left;
}
.ContactColR {
	width:230px;
	margin: 0px;
	padding: 5px;
	border-top: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	float: left;
}


/*////////////////////////////////////Sample Page///////////////////////////////*/
.SampleColL {
	padding: 10px 20px 10px 20px;
	margin: 10px 0px 10px 0px;
	width: 360px;
	float: left;
	border-right: 1px #999999 solid;
}
.SampleColR {
	padding: 10px 20px 10px 0px;
	margin: 10px 0px 10px 0px;
	width: 219px;
	float: right;
	clear: none;
	text-align: left;
}

/*////////////////////////////////////Truck Logo Page///////////////////////////////*/
.TruckCol {
	padding: 10px 0px 0px 0px; 
	margin: 10px 0px 10px 0px;
	width: 350px; 
	float:left;
	border-right: 1px #999999 solid;
}
.TruckColL {
	padding: 5px 5px 0px 20px;
	margin: 0px 0px 0px 0px;
	width: 100px;
	height: 30px;
	float: left;
	clear: left;
	text-align: right;
}
.TruckColR {
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
	height: 35px;
	float: left;
	text-align: left;
}
.TruckTextField {
	width: 180px;
}
.TruckSample {
	float: right;
	clear: none;
	padding: 20px 50px 0px 0px;
}

/*////////////////////////////////////CAP Department CSRs Styles///////////////////////////////*/

.CAPArtistCon {
	float: left;
	width: 210px;
	height: 320px;
	text-align: center;
	overflow: hidden;
}
.CSRDescCon {
	display:none; 
	background-color:#FFFFFF; 
	width:200px; 
	padding: 20px 28px 20px 20px; 
	position: absolute; 
	z-index:10000; 
	border: 2px #005643 solid;
	}
	

/*////////////////////////////////////About this Site Page///////////////////////////////*/

.ButtonCon {
	padding: 2px 10px 0px 0px;
	margin-top: -2px;
	float: left;
	clear: left;
	width: 28px;
	height: 28px;
	text-align: left;	
}
.NavSampCon {
	padding:  0px 0px 2px 0px;
	width: 180px;
	float: left;
	clear: left;
	line-height: 12px;
}

/*////////////////////////////////////Price List Page and Lists///////////////////////////////*/

.PriceCon {
	margin: 0px 0px 0px 8px;
	padding: 5px 0px 0px 0px;
	float: left;
	clear: left;
	width: 343px;
	border-bottom: 1px #CCCCCC solid;
	background-color:#FFFFFF;
}
.PriceColL {
	width:190px;
	margin: 0px;
	padding: 5px;
	border-left: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	float: left;
}
.PriceColR {
	width:130px;
	margin: 0px;
	padding: 5px;
	border-top: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	float: left;
}
.PriceCon1 {
	margin: 0px 0px -1px 8px;
	padding: 0px;
	width:420px;
	border: 1px #CCCCCC solid;
	background-color:#FFFFFF;
	overflow:hidden;
}
.PriceCon2 {
	margin: 0px 0px -1px 8px;
	padding: 0px;
	width:100%;
	border: 1px #CCCCCC solid;
	background-color:#FFFFFF;
	overflow:hidden;
}
.PriceCon3 {
	margin: 0px 0px -1px 8px;
	padding: 0px;
	border: 1px #CCCCCC solid;
	background-color:#FFFFFF;
	overflow:hidden;
}
.PriceCol-1 {
	width:99px;
	margin: -1px 0px -1px -1px;
	padding: 5px;
	border: 1px #CCCCCC solid;
	float: left;
}
.PriceCol-2 {
	float:left;
	margin: -1px 0px -1px -1px;
	padding: 5px;
	border: 1px #CCCCCC solid;
	border-right:0px;
}
.PriceSCol-1 {
	width:99px;
	height: 39px;
	margin: -1px 0px -1px -1px;
	padding: 5px;
	border: 1px #CCCCCC solid;
	float: left;
	overflow:hidden;
}
.PriceSCol-2 {
	float:left;
	width:300px;
	height: 39px;
	margin: -1px 0px -1px -1px;
	padding: 5px;
	border: 1px #CCCCCC solid;
	border-right:0px;
	overflow:hidden;
	
}
.PriceColShip-1 {
	width:115px;
	margin: -1px 0px -1px -1px;
	padding: 2px 5px;
	border: 1px #CCCCCC solid;
	float: left;
	text-align:center;
}
.PriceColShip-1b {
	width:92px;
	margin: -1px 0px -1px -1px;
	padding: 2px 5px;
	border: 1px #CCCCCC solid;
	float: left;
	text-align:center;
}
.PriceColShip-2 {
	margin: -1px 0px -1px -1px;
	padding: 2px 5px;
	border: 1px #CCCCCC solid;
	border-right:0px;
	text-align:center;
}
.ShippingPriceCon { margin:0 0 20px 0; padding:0 0 1px 0; display:block; overflow:hidden; clear:both; }

/*////////////////////////////////////Order Tracking Logo Page///////////////////////////////*/
.OrderTrackCon {
	padding: 20px 0px 0px 0px; 
	margin: 10px 0px 0px 0px;
	width: 385px; 
}
.OrderTrackL {
	padding: 5px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 110px;
	height: 30px;
	float: left;
	text-align: right;
}
.OrderTrackR {
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 250px;
	height: 35px;
	float: left;
	text-align: left;
}
.OrderTrackFieldLong {
	width: 190px;
}
.OrderLogo {
	float:right; 
	text-align: center; 
	clear:right; 
	width: 204px; 
	margin: 25px 34px 0px 0px;
}

/*////////////////////////////////////LDD Template Table Style///////////////////////////////*/

.ColCon5 {
	width: 595px;
	border-top:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	float:left;
	clear:both;
	overflow:visible;
	margin: 0px 0px 0px 8px;	
}
.ColCon4 {
	width: 476px;
	border-top:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	margin: 0px 0px 0px 8px;	
}
.ColHeader4 {
	float:left;
	background-color:#eeeeee; 
	border:1px #CCCCCC solid; 
	height:16px; 
	width:118px;
	margin: -1px 0px 0px -1px;
	padding-top: 2px;
	text-align: center;
	font-weight: bold;
	color: #005643;
}
.Col4 {
	float: left;
	border:1px #CCCCCC solid;
	border-top:0px #CCCCCC solid;
	height:16px; 
	width:118px;
	padding: 5px 0px 3px 0px;
	margin: -1px 0px 0px -1px;
	text-align: center;
}



/*///////////////////////////////////  Holiday Art in the Creative Resources Section /////////////////////////////*/

.HACon {
	margin: 10px 0px 20px 10px;
	overflow: hidden;
	padding:5px;
	float:left;
	width: 100%;
}

.HACell {
	padding: 10px;
	margin: 0px 0px 10px 10px;
	float:left; 
	width:250px; 
	height:145px;
	outline:1px #DDDDDD solid; 
	background-color:#EEEEEE; 
	text-align: center;
	overflow:hidden;
}

.HAThumbImg {
	width:250px; 
	height:120px; 
	margin: auto 0px 10px 0px; 
	overflow:hidden;
	background-color: #DDDDDD;
}

.HADesignNumb {
	color:#999999;
	text-align:left;

}

.AnchorSize {
	height:1px;
	overflow:hidden;
}

/*////////////////////////////////////////////////   Button Page number or letter /////////////////////////////*/

.BTN-LetterNum {
	font-size: 11px;
	padding: 0px 3px;
	margin: 0px 2px 2px 0px;
	float:left;
	border: 1px #006600 solid;
	background: #005643;
	color:#FFFFFF;
	text-decoration: none;
	min-width:16px;
	text-align:center;
}
a:link .BTN-LetterNum {
	border: 1px #006600 solid;
	background: #005643 url(http://www.lamargraphics.com/lgweb/LG2k8/images/list-down2.png) center;
	background-position: -10 -2;
	color:#FFFFFF;
	text-decoration: none;
	cursor:pointer;
}
a:visited .BTN-LetterNum {
	border: 1px #006600 solid;
	background: #005643 url(http://www.lamargraphics.com/lgweb/LG2k8/images/list-down2.png) center;
	background-position: -10 -2;
	color:#BBBBBB;
	text-decoration: none;
	cursor:pointer;
}
a:hover .BTN-LetterNum {
	border: 1px #FF6600 solid;
	background: #FF6600 url(http://www.lamargraphics.com/lgweb/LG2k8/images/sublist-active.png) repeat-y center;
	background-position: 50% -3px;
	color:#FFFFFF;
	text-decoration: none;
	cursor:pointer;
}

a:link .BTN-LetterNumCurr {
	font-size: 11px;
	padding: 0px 3px;
	margin: 0px 2px 2px 0px;
	float:left;
	border: 1px #FF6600 solid;
	background: #FF6600 url(http://www.lamargraphics.com/lgweb/LG2k8/images/sublist-active.png) no-repeat ;
	background-position: -90px -3px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	min-width:16px;
	text-align:center;
	cursor: default;
}



/*  ////////////////////////////////////////////            ///////////////////////////////////////////*/
img  { 
	image-rendering: optimizeQuality;  /* Firefox 3.6 */
	-ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0+ */
}

/*  //////////////////////////////////////////// Live Chat  ///////////////////////////////////////////*/
.lpPoweredBy {
	display:none; 
}

.LiveChatDiv {
	padding:10px;
	margin: 0px 0px 0px 15px;
	float:right;
	width: 330px;
	overflow:hidden;
	border: 1px #005643 solid;
	font-size: 11px;
	display: block;
}
.LiveChatDiv2 {
	padding:10px;
	margin: 10px auto;
	width: 330px;
	overflow:hidden;
	border: 1px #005643 solid;
	font-size: 11px;
	display: block;
}
.LinkCellConChat {
	width: 142px;
	height: 73px;
	overflow:hidden;
	clear:both;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 4px;	
}
 
 /*  //////////////////////////////////////////// Sports Scores in iSpots  ///////////////////////////////////////////*/
 .sport { float:left; clear:left; width:80px; overflow:hidden; padding: 3px 5px; margin:-1px 0 0 -1px; font-weight: bold; color:#005643; text-align:center;
 			border:1px #CCCCCC solid;}
 
 .league { float:left; overflow:hidden; padding: 3px 5px 3px 10px; margin:-1px 0 0 -1px; width:400px; border:1px #CCCCCC solid;}
 
 
/* /////////////////////////News Flash / Announcements styles ////////////////////////////// */ 
.NewsArticles h2 { clear:left; margin:0 0 5px 0; height:16px; overflow:hidden; }
.NewsArticles p { display:block; margin: 0 0 10px 0; }
.ImgDiv { height:63px; width:75px; overflow:hidden; border: 1px #CCCCCC solid; margin:0 10px 10px 8px; padding:0; float:left; display:block;}
.ImgDiv img { width:150px; margin:-20px; }