body {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #a9c5d4; background-repeat: repeat-x; margin-top: 0; margin-bottom: 0; }
object { width: 455px; height: 522px; margin-top: 10px; }
#homeflash { width: 455px; height: 522px; margin-top: 5px; margin-left: 4px; }
	p { }
	td {
	font-size: 12px;
}
	img { border: none;	margin: 0; padding: 0; }
	a:link { color: #2c2c2c; }
	a:visited { color: #2c2c2c; }
	a:hover { color: #f58522; }
	a:active { color: #2c2c2c; }
	span { font-size: small; } 
	h2 { font-size: medium; }
	h3 { font-size: x-small; font-weight: bold; margin-left: 15px; }
	h4 { font-size: x-small; font-weight: bold; margin-top: -2px; margin-left: 10px; }
	h5{ font-size: small; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
	ul { font-size: x-small; text-align: left; }
		.quick_link a{ font-size: 9pt; }
		.go_topside { font-size: x-small; border-width: 0; }
		.go_topside a{ font-size: x-small; border-width: 0; }
#wrapper { width: 1130px; margin: 0 auto;}
#logoWrapper{ background-color: #fff; background-repeat: repeat-x; width: 1130px; height:73px; padding-bottom: 8px; }
#logo { background-color: #fff; width: 246px; height: 73px; float: left; padding-top: 8px; padding-left: 7px; }
#clientlogin { font-size: x-small; background-image: url(../images/client.gif); background-repeat: no-repeat; width: 500px; height: 34px; float: right; padding-right: 15px; }
input.login { width: 100px; height: 15px; margin: 0; padding: 1px;}
#clientlogin .username { float: left; margin-top: 5px; margin-right: 8px; margin-left: 12px; }
#clientlogin .password { float: left; margin-top: 5px; }
#clientlogin .logbut input { width: 54px; height: 25px; float: left; cursor: pointer; border: 0; background-image: url(../images/login.jpg); background-repeat: no-repeat; margin-top: 3px; margin-bottom: 2px; margin-left: 16px; }
#clientlogin .logoutbut { float: left; cursor: pointer; border: 0; /*background-image: url(../images/logout.jpg); background-repeat: no-repeat;*/ margin-top: 7px; margin-bottom: 2px; margin-left: 16px; font-size: small; font-weight: bold; font-style: italic; }
#topnavold{ font-size: 9pt; font-weight: bold; line-height: 23px; text-decoration: none; width: 433px; float: right; padding-top: 15px; padding-right: 16px; }
#topnav{ font-size: 9pt; font-weight: bold; line-height: 23px; text-decoration: none; width: 433px; float: right; padding-top: 15px; padding-right: 13px; }
#shoplink a{ color: #32a6d5; text-decoration: none; float: left; margin-right: 11px; }
#shoplink a:hover{ color: #2c2c2c; text-decoration: none; }
#cartlink a{ color: #e78826; text-decoration: none; float: left; margin-right: 11px; }
#cartlink a:hover{ color: #2c2c2c; text-decoration: none; }
#greenlink a{ color: #2a9357; text-decoration: none; float: left; margin-right: 11px; }
#greenlink a:hover{ color: #2c2c2c; text-decoration: none; }
#helplink a{ color: #ca4c22; text-decoration: none; float: left; margin-right: 11px; }
#helplink a:hover{ color: #2c2c2c; text-decoration: none; }
	.cartic { background-image: url(../images/carticon.gif); background-repeat: no-repeat; width: 23px; height: 23px; float: left; margin-left: 6px; padding-right: 4px; }
	.shopic{ background-image: url(../images/shopicon.gif); background-repeat: no-repeat; width: 23px; height: 23px; float: left; margin-left: 6px; padding-right: 4px; }
	.helpic{ background-image: url(../images/helpicon.gif); background-repeat: no-repeat; width: 23px; height: 23px; float: left; margin-left: 6px; padding-right: 4px; }
	.gogreen { background-image: url(../images/greenicon.gif); background-repeat: no-repeat; width: 23px; height: 23px; float: left; margin-left: 6px; padding-right: 4px; }
	.gogreen a { color: #2a9357; }
#header { background-color: #fff; background-image: url(../images/nav2.gif); background-repeat: no-repeat; width: 1130px; height: 36px; }
#header_2 { background-color: #fff; background-image: url(../images/nav2.gif); background-repeat: no-repeat; width: 1130px; height: 36px; }
#header_3 { background-color: #fff; background-image: url(../images/nav2.gif); background-repeat: no-repeat; width: 1130px; height: 36px; }
#header_4 { background-color: #fff; background-image: url(../images/nav2.gif); background-repeat: no-repeat; width: 1130px; height: 36px; }
#header_5 { background-color: #fff; background-image: url(../images/nav2.gif); background-repeat: no-repeat; width: 1130px; height: 36px; }
#header_6 { background-color: #fff; background-image: url(../images/nav2.gif); background-repeat: no-repeat; width: 1130px; height: 36px; }
#header_7 { background-color: #fff; background-image: url(../images/nav2.gif); background-repeat: no-repeat; width: 1130px; height: 36px; }
#header_8 { background-color: #fff; background-image: url(../images/nav2.gif); background-repeat: no-repeat; width: 1130px; height: 36px; }
#header { overflow: hidden; }
#nav { color: #fff; font-size: medium; text-decoration: none; height: 15px; float: left; margin-top: 12px; margin-right: 5px; margin-left: 10px; }
#nav a{ color: #fff; font-size: medium; text-decoration: none; float: left; margin-right: 8px; margin-left: 5px; }
#nav a:hover{ color: #2c2c2c; text-decoration: none; float: left; }
#nav .phn { color: #fff; font-style: italic; font-size:16px; float: left; margin-left: 400px; }
#flash{ float: left; margin-top: -15px; }
/* AD BOX */
#adbox { background-color: #fff; background-image: url(../images/topbar2.gif); background-repeat: no-repeat; width: 1130px; height: 174px; margin-top: 2px; padding-top: 12px; }
	.seecolor { background-image: url(../images/seecolor1.jpg); background-repeat: no-repeat; width: 550px; height: 174px; float: left; margin-left: 15px; }
	.placeorder { width: 283px; height: 174px; float: right; margin-right: 15px; }
/* QuoteBox -- Gradient background with "Quick Quote Form"*/
#quotebox { font-size: 14px; background-image: url(../images/quotebox3.gif); background-repeat: no-repeat; width: 388px; height: 397px; float: right; margin-top: 8px; margin-right: 15px; margin-bottom: 10px; }
#quotebox  .shopbutton { float: right; margin-top: 8px; padding-right: 15px; }
#quotebox  .form { width: 388px; height: 357px; float: left; margin-top: 40px; margin-bottom: 15px; margin-left: 5px;}
#quotebox h1 { color: #000000; font-size:16px; clear: both; margin-top: 0; margin-bottom: 8px; margin-left: 15px; }
	.s-ink2 { float: left; margin-top: 15px; margin-left: 5px; }
#quotebox p{ font-size:11px; color:#666666; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px; }
#bigEnv{ margin-left: -12px;}
	.clearboth { clear: both; }
#quotebox label{ font-size: 14px; float: left; display:block; width: 135px; float:left; margin-bottom: 12px; margin-left: 20px; }
#quotebox .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px; }
#quotebox input{ float:left; }
#quotebox select{  }
#quotebox .input{ float:left; margin-bottom: 5px; }
#quotebox .price{ color: #ca4c22; font-weight: bold; }
#quotebox  a{ color: #32a6d5; font-size: small; font-weight: bold; text-decoration: none; text-align: center; }
#quotebox center { margin-bottom: 15px; }
#quotebox  .line {}
#quotebox  .text {}
#quotebox  .quotebuttons { width: 176px; height: 25px; float: right; clear: both; } 
#quotebox  .reset { width: 54px; height: 25px; float: left; margin-right: 5px; }
#quotebox  .resetbutton { border: 0; padding: 0; margin: 2px 0; background-image: url(../images/reset.jpg); background-repeat: no-repeat; width: 54px; height: 25px; cursor: pointer; }
#quotebox  .calculate { width: 102px; height: 25px; float: left; }
#quotebox  .calculatebutton { border: 0; padding: 0; margin: 2px 0; background-image: url(../images/calculate.jpg); background-repeat: no-repeat; width: 102px; height: 25px; cursor: pointer; }
/* CONTENT */
#content { background-color: #fff; background-image: url(../images/topbar2.gif); background-repeat: no-repeat; background-position: 0 top; width: 1130px; overflow: hidden; float: left; margin-top: 2px; padding-top: 10px; padding-bottom: 10px; }
#contentbot { background-image: url(../images/botbar2.gif); background-repeat: no-repeat; width: 1130px; height: 10px; clear: both; }
#contentbot2 { background-repeat: no-repeat; width: 100%; height: 10px; clear: both; }
#left { width: 460px; float: left; clear: both; margin-left: 5px; padding-right: 5px; }
#left.orderform { background-color: #fff; width: 1130px; margin-top: 2px; padding-top: 12px; }
#left_width { width: 700px; float: left; clear: both; margin-left: 5px; }
#lefthome { width: 445px; height: 542px; float: left; margin-left: 5px; }
	.shopa { color: #000; font-size: small; font-weight: bold; font-style: italic; float: right; margin-top: 14px; }
	.shopb { color: #000; font-size: small; font-weight: bold; font-style: italic; float: left; margin-top: 8px; margin-right: 11px; margin-bottom: 10px; }
	.shopc { color: #000; font-size: small; font-weight: bold; font-style: italic; float: left; margin-top: 8px; margin-bottom: 10px; }
#freeshipping { color: #000; font-size: small; font-weight: bold; font-style: italic; margin-top: 9px; }
	.specialstitle { color: #000; font-size: small; font-weight: bold; font-style: italic; margin-left: -2px; }
#left img{ margin-top: 0px; margin-left: 8px; }
/*
for contact thumbnails...
*/
#thumbnail { float: left; width: 60px; border: 1px solid #999; margin: 15px 16px 15px 12px; padding: 5px; font-size: 9px;}
#clearboth { clear: both; }
#samplesright { width: 550px; height: 370px; float: right; margin-top: 8px; margin-right: 15px;}
#right { width: 400px; height: 277px; float: right; margin-top: 8px; padding-right: 5px; }
#right2 { background-image: url(../images/fill2.jpg); width: 402px; height: 277px; float: right; margin-top: 5px; }
#help{ width: 780px; height: 150px; float: left; margin-top: 15px; }
#helpcontent{ width: 860px; float: left; margin-top: 5px; margin-left: 10px; }
#service{ font-size: medium; width: 140px; float: left; margin-top: 5px; margin-bottom: 1px; margin-left: 13px; }
#serviceico{ background-image: url(../images/serviceicon2.gif); background-repeat: no-repeat; width: 15px; height: 14px; float: left; margin-top: 3px; margin-right: 3px; }
#serviceico2{ background-image: url(../images/serviceicon2.gif); background-repeat: no-repeat; width: 15px; height: 14px; float: left; margin-top: 3px; margin-right: 3px; }
#service a{ color: #f58522; text-decoration: none; }
#service a:hover{ color: #000; text-decoration: none; }
#service1{ font-size: medium; width: 180px; float: left; margin-top: 5px; margin-bottom: 1px; margin-left: 13px; text-align:left; }
#service1 a{ color: #f58522; text-decoration: none; }
#service1 a:hover{ color: #000; text-decoration: none; }
#service1a{ font-size: medium; width: 160px; float: left; margin-top: 5px; margin-bottom: 1px; margin-left: 13px; }
#service1a a{ color: #f58522; text-decoration: none; }
#service1a a:hover{ color: #000; text-decoration: none; }
#service3{ font-size: medium; width: 245px; float: left; margin-top: 5px; margin-bottom: 1px; margin-left: 13px; }
#service3 a{ color: #2a9357; text-decoration: none; }
#service3 a:hover{ color: #000; text-decoration: none; }
#service3a{ font-size: medium; width: 245px; float: left; margin-top: 5px; margin-bottom: 1px; margin-left: 13px; text-align:left; }
#service3a a{ color: #f58522; text-decoration: none; }
#service3a a:hover{ color: #000; text-decoration: none; }
#service4{ font-size: medium; width: 350px; float: left; margin-top: 5px; margin-bottom: 1px; margin-left: 13px; text-align:left;}
#service4 a{ color: #f58522; text-decoration: none; }
#service4 a:hover{ color: #000; text-decoration: none; }
#contactform { background-color: #f8f8f8; float: left; margin-top: 23px; margin-left: 5px; padding-left: -18px; border: solid 1px #e3e3e3; }
#contact { width: 200px; float: left; margin-right: 10px; }
#contact a { }
#contact a:hover{ color: #f58522; }
	.title { color: #000; font-size: small; font-weight: bold; font-style: italic; margin-top: 10px; margin-left: 5px; }
	.text { font-size: small; text-align: left; margin-top: 3px; margin-left: 5px; }
#panels { background-color: #fff; background-image: url(../images/dots.gif); background-repeat: repeat-x; width: 1130px; height: 201px; clear: both; padding-top: 15px; padding-bottom: 20px; }
#panel { background-image: url(../images/panela.jpg); background-repeat: no-repeat; width: 268px; height: 221px; float: left; margin-right: 8px; margin-left: 15px; }
#panel .inside { padding: 10px; }
#panel .ptitle { color: #2a9357; font-size: medium; font-style: italic; text-decoration: underline; }
#panel .ptitle2 { color: #67c6e6; font-size: medium; font-style: italic; text-decoration: underline; }
#panel .ptitle3 { color: #cb2033; font-size: medium; font-style: italic; text-decoration: underline; }
#panel .ptext { font-size: small; text-align: left; margin-top: 6px; margin-bottom: 5px; padding-bottom: 3px; }
#panel .ptext a { color: #2c2c2c; font-size: 13px; text-decoration: none; margin-right: 6px; }
#panel .ptext a:hover { color: #2c2c2c; text-decoration: none; text-align: left; }
/* what's new*/
#whats-new { font-size: small; clear: both; margin-top: 6px; margin-left: -30px;}
#whats-new ul { }
#whats-new li { background-image: url(../images/smicb.gif); background-repeat: no-repeat; background-position: 0 -3px; margin-bottom: 10px; padding-left: 15px; list-style-type: none; }
#whats-new li a { color: #2c2c2c; font-size: small; font-weight: normal; text-decoration: none; }
#whats-new li a:hover { color: #32a6d5; text-decoration: none; }
#whats-new2 { font-size: small; clear: both; margin-top: 6px; margin-left: -30px;}
#whats-new2 ul { }
#whats-new2 li { background-image: url(../images/smicg.gif); background-repeat: no-repeat; background-position: 0 -3px; margin-bottom: 10px; padding-left: 15px; list-style-type: none; }
#whats-new2 li a { color: #2c2c2c; text-decoration: none; }
#whats-new2 li a:hover { color: #32a6d5; text-decoration: none; }
/*footer*/
#footer { background-color: #fff; background-image: url(../images/topbar2.gif); background-repeat: no-repeat; width: 1130px; float: left; margin-top: 2px; padding-top: 5px; padding-bottom: 5px; }
#footer a { color: #3e9fd9; text-decoration: none; }
#address { color: #2c2c2c; font-size: small; text-align: center; width: 1050px; float: left; margin-right: auto; margin-bottom: 5px; margin-left: auto; padding-top: 3px; }
#quote { color: #000; font-size: medium; font-weight: bold; font-style: italic; float: left; margin-top: 10px; }
#copyright { color: #adadad; font-size: small; width: 252px; float: right; margin-top: 7px; margin-bottom: 5px; }
#feature_wrap{ display:	block; float: left; height: 297px; width: 616px; position: relative; background: url(images/b07V12_feature_bk.jpg) no-repeat 36px top; padding-right: 0; padding-bottom: 0; padding-left: 0; }
ul#feature_buttons{ position: absolute; width: 130px; height: 27px; margin-right: 0; margin-bottom: 0; margin-left: 342px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
ul#feature_buttons li{ display: block; float: left; text-align: center; color: #0f3c67; padding: 0 0 5px; font-size: 14px; font-weight: bold; cursor: pointer; width: 20px; height:	 17px; overflow: hidden; 
	background: url(images/b07V12_feature_butt.jpg) no-repeat left 0; margin: 220px 4px 0 0;}
ul#feature_buttons li:hover { background-position:left -22px; color: #f58522; }
ul#feature_buttons li.active { background-position:left -44px; color: #fff; }
a#previous, a#next { cursor: pointer; display: block; width: 48px; height: 48px; text-indent: -9999px; z-index: 999; position: absolute; overflow: hidden; border-style: none; }
a#previous, a#previous:visited { float: left; margin: 110px 0 0 45px; background: transparent url("../images/b07V12_left_slide.png") no-repeat top left; }
a#next, a#next:visited { float: right; margin: 110px 0 0 558px; background: transparent url("../images/b07V12_right_slide.png") no-repeat top left; }
a#previous:hover, a#next:hover{ background-position: right top; border-style: none; }
#slider_wrap { background:#0f1a21; position: relative; width: 780px; display: block; z-index: -1200; height: 252px; overflow: hidden; float: left; margin-top: -15px; margin-right: 0; margin-bottom: 0; }
#slider_wrap div div { overflow: hidden; height: 266px; z-index: -1200; }
#slider_wrap div div a{  }
div.centerDiv { margin: 0px auto 0px auto; text-align: center; }
/* ----- Help Table Styles ----- */
#help_table { margin: 0 auto; padding: 20px 0 0; width: 460px; }
#help_table td { width: 152px; text-align: center; font-size: 12px; }
	.help_link { color: #2c2c2c; display: block; }
a:hover span.help_link { color: #f48c20; text-decoration: none; }
/* ----- File Format Table Styles ----- */
	.file_table { padding: 20px 0 0 0; width: 720px; margin: 20px auto 0 auto; /* border-top: 1px solid #000000; */ }
	.file_table th { text-align: center; font-size: 14px; padding: 4px; }
	.file_table td { /* width: 152px; */ text-align: center; font-size: 14px; padding: 4px; /* border-left: 1px solid #000000; border-bottom: 1px solid #000000; */ }
/* ----- File Format Table Styles ----- */
	.template_table { padding: 5px 0 0 0; /* width: 444px; */ margin: 5px 0 0; }
	.template_table tr { border-bottom: 1px solid #D9D9D9; }
	.first_cell{ width: 300px; text-align: left; font-size: 12px; }
	.icon_cell{ width: 72px; text-align: center; font-size: 12px; }
	.template_table td { /* width: 72px; text-align: center; */ font-size: 12px; border-bottom: 1px solid #D9D9D9; }
/* ----- Envelope Styles ----- */
table.epsTable { margin: 18px 20px 0 20px; padding: 0; font-size: 14px; }
	.epsTable th { text-align: left; border-bottom: 1px solid #000000; }
	.eps_height { width: 60px; border-left: 1px solid #000000; padding: 2px 2px 2px 10px; }
	.eps_width { padding: 2px 10px 2px 2px; }
	.eps_no { padding: 2px 10px 2px 2px; }
td.eps_height { border-bottom: 1px solid #999999; }
td.eps_width { border-bottom: 1px solid #999999; }
td.eps_no { border-bottom: 1px solid #999999; }
/* ----- Client Login Styles ----- */
.orderform {margin: 0; padding: 0; font-size: 14px; line-height: 18px; background-color:#FFF }
div#loginForm { margin: 0; padding: 0; font-size: 14px; line-height: 18px; background-color:#FFF }
div#loginForm .row { margin: 0; padding: 18px 20px 0 20px; }
div#loginForm .row .left_cell { text-align: left; display: block; float: left; width: 100px; }
div#loginForm .row .right_cell { text-align: left; display: block; }
dl { margin: 0; padding: 18px 20px 0 40px; font-size: 12px; line-height: 16px; }
dl dt { margin: 0; padding: 18px 0 0; font-size: 12px; line-height: 16px; font-weight: bold; }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
/*contacts index page*/
.dsR1 /*agl rulekind: base;*/ { width: 192px; height: auto; }
.dsR2 /*agl rulekind: base;*/ { width: 188px; }
.ds1 /*agl rulekind: base;*/ { font-size: 11px; }
.ds2 /*agl rulekind: base;*/ { font-size: 14px; }
.ds3 /*agl rulekind: base;*/ { font-size: 12px; }
.dsR12 /*agl rulekind: base;*/ { width: 148px; }
.dsR21 /*agl rulekind: base;*/ { width: 390px; height: auto; }
.dsR22 /*agl rulekind: base;*/ { width: 195px; }
.dsR23 /*agl rulekind: base;*/ { width: 390px; height: 367px; }

