/**********************************
	STRUCTURE
**********************************/
*{
	margin: 0;
	padding: 0;
}

a img{
	border: 0;
}

body{
	background-color: #333333;
	font-family: "Lucida Grande", "LucidaGrande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 20px 0;
}

div.clear{ clear: both; }
div.column{ float: left; }
div.hidden{ display: none; }

div#container{
	margin: 0 auto;
	width: 930px;
}
div#header{
	height: 97px;
	position: relative;
}
	div#header p#logo{
		left: 40px;
		position: absolute;
		top: 16px;
	}
	div#header dl#navigation{
		position: absolute;
		right: 29px;
		top: 12px;
	}
		div#header dl#navigation dd{
			float: left;
			margin: 0 11px 0 0;
		}
			div#header dl#navigation dd a{
				display: block;
				height: 28px;
			}
				div#header dl#navigation dd a#navHome{ width: 47px; }
				div#header dl#navigation dd a#navCompany{ width: 63px; }
				div#header dl#navigation dd a#navEquipment{ width: 75px; }
				div#header dl#navigation dd a#navSoftware{ width: 63px; }
				div#header dl#navigation dd a#navAccessories{ width: 79px; }
				div#header dl#navigation dd a#navContact{ width: 60px; }
				div#header dl#navigation dd a#navFinancing{ width: 71px; }
div#content{
	padding: 20px 40px 40px 40px;
}
	div#content div.module1{
		margin: 0 0 13px 0;
	}
		div#content div.module1 div.first{
			height: 115px;
			padding: 73px 25px 0 25px;
			width: 282px;
		}
			div#content div.module1 div.first h4{
				padding: 0 0 20px 0;
			}
		div#content div.module1 div.second{
			height: 188px;
			width: 518px;
		}
	div#content div.primary{
		margin: 0 48px 0 0;
		padding: 10px 0 0 0;
		width: 552px;
	}
		h1.redDots{
			margin-bottom: 10px;
		}
		div#content div.primary p.required{
			padding-left: 13px;
		}
		div#content div.primary div.module2{
			padding: 40px 0 20px 0;
		}
			div#content div.primary div.module2 div.first{
				margin: 0 23px 0 0;
				width: 139px;
			}
				div#content div.primary div.module2 div.first dl{
					padding: 0 0 0 0;
				}
					div#content div.primary div.module2 div.first dl dd{
						padding: 6px 0;
					}
					div#content div.primary div.module2 div.first dl dd a{
						display: block;
						padding: 0 0 0 15px;
					}
			div#content div.primary div.module2 div.second{
				width: 367px;
			}
				div#content div.primary div.module2 div.second dl{
					padding: 0 0 0 20px;
				}
		div#content div.primary table.inventory_list{
			border-collapse: collapse;
		}
			div#content div.primary table.inventory_list tr td.list_image{
				width: 100px;
			}
			div#content div.primary table.inventory_list tr td.description{
				width: 400px;
			}
			div#content div.primary table.inventory_list tr td.learn_more{
				width: 80px; padding: 0 0 0 20px;
			}
			div#content div.primary table.inventory_list tr.inventory_list_item td{
				padding: 10px 0;
			}
	div#content div.primary form{
		padding: 20px 0;
	}
		div#content div.primary form fieldset{
			border: 0;
			padding: 15px 0 30px 0;
		}
		div#content div.primary form fieldset div{
			padding: 0 0 15px 0;
		}
		div#content div.primary form fieldset div label,
		div#content div.primary form fieldset div input,
		div#content div.primary form fieldset div textarea,
		div#content div.primary form fieldset div select{
			display: block;
			/*float: left;*/
		}
			div#content div.primary form fieldset div label{
				padding: 0 0 5px 0;
				width: 345px;
			}
			div#content div.primary form fieldset div input,
			div#content div.primary form fieldset div select,
			div#content div.primary form fieldset div textarea{
				padding: 3px;
				width: 345px;
			}
				div#content div.primary form fieldset div input#submit{
					padding: 3px;
					width: auto;
				}
                               div#content div.primary form fieldset div input.cat_hidden{
                                       display: none;
                               }
			div#content div.primary form fieldset div textarea{
				overflow: auto;
				width: 539px;
			}
		div#content div.primary div.inventory_detail{
			padding: 0 0 0 10px;
			width: 182px;
		}
			div#content div.primary div.inventory_detail h3{
				padding: 0 0 1px 0;
			}
			div#content div.primary div.inventory_detail p{
				padding: 0 0 5px 0;
			}
		div#content div.primary ol{
			margin: 0 0 20px 25px;
		}
			div#content div.primary ol li{
				padding: 0 0 5px 0;
			}
		
	div#content div.secondary{
		padding: 10px 15px 10px 15px;
		width: 220px;
	}
		div#content div.secondary div.module1{
			height: 141px;
			margin: 0 auto 10px auto;
			padding: 10px;
			width: 199px;
		}
		div#content div.secondary div.module1 p{
			padding: 0 0 8px 95px;
		}
		div#content div.secondary div.address{
			padding: 10px 0 0 0;
		}
		
div#footer{
	height: 40px;
	position: relative;
}
	div#footer p#ftrCopyright{
		left: 40px;
		position: absolute;
		top: 15px;
	}
	div#footer p#ftrCompliance{
		position: absolute;
		right: 40px;
		top: 15px;
	}
	div#footer p span{
		padding: 0 10px;
	}

/**********************************
	TYPOGRAPHY
**********************************/
p{
	font-size: 12px;
	line-height: 22px;
	padding: 0 0 10px 0;
}
h1{
	font-size: 24px;
	padding: 0 0 8px 0;
}
h2{
	font-size: 18px;
	padding: 0 0 14px 0;
}
h3{
	font-size: 14px;
	padding: 0 0 13px 0;
}
h4{
	font-size: 12px;
	padding: 0 0 5px 0;
}

div.module1 div.first h2{
	font-size: 20px;
}
div.module1 div.first h4{
	font-size: 12px;
}

div#content div.primary h1{
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
}
div#content div.primary div.module2 div.second h2{
	font-size: 17px;
	letter-spacing: -1px;
	word-spacing: -1px;
}
div#content div.primary div.module2 div.first dl dd a{
	font-size: 11px;
	text-decoration: none;
}

div#content div.primary form fieldset legend{
	font-size: 16px;
}
div#content div.primary form fieldset h3 a.toggle{
	font-size: 12px;
	text-decoration: none;
}
div#content div.primary form fieldset div label span.required{
	font-size: 9px;
}

div#content div.primary ol li{
	line-height: 18px;
}

div#content div.primary table.inventory_list tr td.description h3 a{
	font-weight: normal;
	letter-spacing: -1px;
	text-decoration: none;
}
div#content div.primary table.inventory_list tr td span.stock_number{
	font-size: 10px;
	color: #cccccc;
	padding: 0;
	font-weight: normal;
}


div#content div.secondary div.module1 h3{
	font-size: 15px;
}
div#content div.secondary div.module1 p{
	font-size: 11px;
	line-height: 14px;
}

div#content div.secondary div.address h4{
	font-size: 14px;
}
div#content div.secondary div.address p{
	font-size: 11px;
	line-height: 18px;
}

div#footer p{
	font-size: 10px;
}

/**********************************
	COLORS & IMAGERY

	Notes:
		Dark Red: #e20017
		Light Red: #ff0000
**********************************/


.blackDots{ background: url(/images/style/blackDots.jpg) bottom repeat-x; }
.redDots{ background: url(/images/style/redDots.jpg) bottom repeat-x; }
.highlight{ color: #e20017; }
div#container{ border: 1px solid #000000; }
div#header{ background: url(/images/style/stripes.jpg) #000000 bottom repeat-x; }
	div#header dl#navigation dd a#navHome{ background: url(/images/style/navigation.jpg) no-repeat 0 0; }
		div#header dl#navigation dd a#navHome:hover{ background: url(/images/style/navigation.jpg) no-repeat 0 -29px; }
		body.pgHome div#header dl#navigation dd a#navHome{ background: url(/images/style/navigation.jpg) no-repeat 0 -29px; }
	div#header dl#navigation dd a#navCompany{ background: url(/images/style/navigation.jpg) no-repeat -58px 0; }
		div#header dl#navigation dd a#navCompany:hover{ background: url(/images/style/navigation.jpg) no-repeat -58px -29px; }
		body.pgCompany div#header dl#navigation dd a#navCompany{ background: url(/images/style/navigation.jpg) no-repeat -58px -29px; }
	div#header dl#navigation dd a#navEquipment{ background: url(/images/style/navigation.jpg) no-repeat -132px 0; }
		div#header dl#navigation dd a#navEquipment:hover{ background: url(/images/style/navigation.jpg) no-repeat -132px -29px; }
		body.pgEquipment div#header dl#navigation dd a#navEquipment{ background: url(/images/style/navigation.jpg) no-repeat -132px -29px; }
	div#header dl#navigation dd a#navSoftware{ background: url(/images/style/navigation.jpg) no-repeat -218px 0; }
		div#header dl#navigation dd a#navSoftware:hover{ background: url(/images/style/navigation.jpg) no-repeat -218px -29px; }
		body.pgSoftware div#header dl#navigation dd a#navSoftware{ background: url(/images/style/navigation.jpg) no-repeat -218px -29px; }
	div#header dl#navigation dd a#navAccessories{ background: url(/images/style/navigation.jpg) no-repeat -292px 0; }
		div#header dl#navigation dd a#navAccessories:hover{ background: url(/images/style/navigation.jpg) no-repeat -292px -29px; }
		body.pgAccessories div#header dl#navigation dd a#navAccessories{ background: url(/images/style/navigation.jpg) no-repeat -292px -29px; }
	div#header dl#navigation dd a#navContact{ background: url(/images/style/navigation.jpg) no-repeat -382px 0; }
		div#header dl#navigation dd a#navContact:hover{ background: url(/images/style/navigation.jpg) no-repeat -382px -29px; }
		body.pgContact div#header dl#navigation dd a#navContact{ background: url(/images/style/navigation.jpg) no-repeat -382px -29px; }
	div#header dl#navigation dd a#navFinancing{ background: url(/images/style/navigation.jpg) no-repeat -453px 0; }
		div#header dl#navigation dd a#navFinancing:hover{ background: url(/images/style/navigation.jpg) no-repeat -453px -29px; }
		body.pgFinancing div#header dl#navigation dd a#navFinancing{ background: url(/images/style/navigation.jpg) no-repeat -453px -29px; }
div#content{ background-color: #FFFFFF; }
	div#content div.module1 div.first{ background: url(/images/style/stitchitbg.jpg) left top no-repeat; }
		div#content div.module1 div.first h2{ color: #FFFFFF; }
		div#content div.module1 div.first h4{ color: #FFFFFF; }
		div#content div.module1 div.first p{ color: #FFFFFF; }
		div#content div.module1 div.first a{ color: #999999; }
	div#content div.primary{ border-top: 7px solid #e20017; }
		div#content div.primary h1{ color: #e20017; }
		div#content div.primary a{ color: #e20017; }
		div#content div.primary div.module2 div.first dl dd{ background: url(/images/style/blackDots.jpg) left bottom repeat-x; }
		div#content div.primary div.module2 div.first dl dd a{ background: url(/images/style/bullet.jpg) 0% 50% no-repeat; color: #1b1718; }
			div#content div.primary div.module2 div.first dl dd a:hover{ color: #e20017; }
		div#content div.primary table.inventory_list tr.inventory_list_item td{ background: url(/images/style/blackDots.jpg) bottom left repeat-x; }
		div#content div.primary p.required{ background: url(/images/style/required.jpg) 0 2px no-repeat; }
		div#content div.primary form fieldset h3 a.toggle{ color: #e20017; }
		div#content div.primary form fieldset div label span.required{ color: #e20017; }
		div#content div.primary form fieldset div input{
			border: 0;
			border: 1px solid #cccccc;
		}
		div#content div.primary form fieldset div textarea{
			border: 1px solid #cccccc;
		}
		div#content div.primary form fieldset div input#submit{
			background-color: #FFFFFF;
			border: 0;
			border-top: 1px solid #CCCCCC;
			border-left: 1px solid #CCCCCC;
			border-right: 2px solid #CCCCCC;
			border-bottom: 2px solid #CCCCCC;
		}
			div#content div.primary form fieldset div input#submit:active{
				border: 0;
				border-top: 2px solid #CCCCCC;
				border-left: 2px solid #CCCCCC;
				border-right: 1px solid #CCCCCC;
				border-bottom: 1px solid #CCCCCC;
			}
	div#content div.secondary{ background-color: #F3F3F3; border-top: 7px solid #1b1718; }
		div#content div.secondary div.embroidery{ background: url(/images/style/secondary/module1_embroidery.jpg) left top no-repeat; }
		div#content div.secondary div.rentastitch{ background: url(/images/style/secondary/module1_rentastitch.jpg) left top no-repeat; }
		div#content div.secondary div.module1{ color: #FFFFFF; }
			div#content div.secondary div.module1 h3{ color: #ff0000; }
			div#content div.secondary div.module1 a{ color: #999999; }
		div#content div.secondary div.address h4{ color: #333333; }
		div#content div.secondary div.address p{ color: #333333; }
div#footer{ background: url(/images/style/stripes.jpg) #000000 top repeat-x; color: #999999; }
	div#footer a{ color: #999999; }
	div#footer p{ color: #999999; }