/********************************************************************
	Start: CSS Browser Reset
********************************************************************/
*,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,thead,th,tr,td,tbody{margin:0;padding:0;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:100%;}
a{text-decoration:none;color:black;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl,dd,dt{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;padding:0;margin:0;}
q:before,q:after{content:'';}
abbr,acronym,.help{cursor:help;text-decoration:none;border:0;border-bottom:1px #666 dotted;}
/*****************************
	End: CSS Browser Reset  
*****************************/



/********************************************************************
	Start: Site-Specific Base Styles
********************************************************************/
body {font-size:10px;padding-bottom:10px;text-align:center;}
a:hover {text-decoration:underline;}
a,h1,h2,h3,h4,h5,h6 {color:#993399;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;margin-bottom:5px; font-family: verdana, arial, helvetica, sans-serif; }
h1 {font-size:2.4em}
h2 {font-size:2.2em}
h3 {font-size:2.0em}
h4 {font-size:1.8em}
h5 {font-size:1.6em}
h6 {font-size:1.4em}
p,ul,ol,code {margin-bottom:10px;font-size:1.2em;color:rgb(80,80,80);}
p{text-align:justify;}
button {
	border:0;
	outline:0;
	background:transparent;
	margin:0;
	padding:0;
	vertical-align:middle;
	cursor:pointer;
}
ul.bullets {margin-left:15px;}
ul.bullets.indent {margin-left:30px;}
ul.bullets li {list-style:disc;}
sup {vertical-align:25%;}
/*****************************
	End: Site-Specific Base Styles
*****************************/



#Wrapper {
	width:1000px;
	margin:auto;
	text-align:left;
	border:1px solid rgb(80,80,80);
	border-top:0;
}
#Header {
	
}
	#Masthead {
		height:180px;
	}
		#Masthead #Logo {
			position:relative;
			top:50px;
			left:50px;
		}
		#Masthead #LoginWrapper {
			height:180px;
			width:179px;
			padding-left:10px;
			padding-right:10px;
			float:right;
			border-left:1px solid rgb(80,80,80);
			background:url('../images/green_gradient.jpg') top left repeat-x;
			position:relative;
		}
		#Masthead #LoginWrapper h5 {
			margin-top:70px;
			margin-bottom:10px;
		}
		#Masthead #LoginWrapper p {
			text-align:right;
			color:rgb(80,80,80);
			margin-bottom:5px;
		}
		#Masthead #LoginWrapper p a img {
			margin-left:-10px;
		}
		#Masthead #LoginWrapper a {
			color:#737F2F;
			font-size:.9em;
		}
		#LoginWrapper #HeaderPhone {
			font-size:1.5em;
			font-weight:bold;
			color:#993399 !important;
			position:absolute;
			top:5px;
			right:10px;
		}
		#LoginWrapper #HeaderPhone small {
			font-size:10px;
			font-weight:normal;
		}
	#HeaderNav {
		height:72px;
		background:rgb(80,80,80);
		clear:both;
	}
		#HeaderNav p {
			padding:0;
			margin:0;
			text-align:center;
		}
		#HeaderNav p a {
			display:block;
			height:72px;
			width:199px;
			float:right;
			color:white;
			border-left:1px solid white;
			background-position:top center;
			background-repeat: no-repeat;
		}
		#HeaderNav p a.last {
			border-left:0;
			width:200px;
		}
		#HeaderNav p a.about {
			background-image:url('../images/nav_about.gif');
		}
		#HeaderNav p a.products {
			background-image:url('../images/nav_products.gif');
		}
		#HeaderNav p a.ordering {
			background-image:url('../images/nav_ordering.gif');
		}
		#HeaderNav p a.links {
			background-image:url('../images/nav_links.gif');
		}
		#HeaderNav p a.contact {
			background-image:url('../images/nav_contact.gif');
		}
		#HeaderNav a:hover,
		#HeaderNav p a:hover,
		#HeaderNav p a.current {
			background-position:bottom center;
			background-color:#993399 !important;
		}
#Content {
	clear:both;
}
	#SideNav {
		width:134px;
		position:absolute;
		top:150px;
		left:135px;
		padding:10px;
		font-size:1.2em;
		font-weight:bold;
		border-right:1px solid rgb(80,80,80);
	}
	#SideNav a {
		color:#0099ff;
	}
	#SideNav li {
		margin-bottom:5px;
		line-height:1.1em;
	}
#Footer {
	height:72px;
	border-top:1px solid rgb(80,80,80);
	background:#c3d841;
	clear:both;
}
#Footer p {
	padding:10px;
}
#Footer, #Footer a {
	color:#535F00;
}


/********************************************************************
	Start: Column Styles
********************************************************************/
/* USE: class="columns {unevenCols, evenCols, singleCol}" > class="{leftColumn, rightColumn, column}" */
.columns,
.columns .column {
	position:relative;
}
	.columns h1, .columns h2, .columns h3,
	.columns h4, .columns h5, .columns h6 {
		clear:both;
	}
	.columns a {
		color:#004D6F;
	}
	.columns .section {
		clear:both;
		margin-bottom:10px;
	}
	.columns.single {
		position:relative;
	}
	.columns.single .column {
		width: 100%;
	}
	.columns.even .column {
		width: 49%;
	}
	#Wrapper .columns.three .column {
		width: 32%;
		float:left;
	}
	table,
	table td {
		vertical-align:top;
	}
	table td.center {
		padding:18px;
		padding-top: 25px;
	}
	table td.left {
		width: 290px;
	}
		.swirlBg {
			height:495px;
			background:url('../images/swirl.gif') 5px 0 no-repeat;
		}
		table td.left #Blogs p {
			text-align:left;
		}
		table td.left #Blogs a:hover strong {
			text-decoration:underline;
		}
		table td.left #Blogs a strong {
			font-family: 'Inconsolata', verdana, arial, helvetica, sans-serif;
			font-size:11px;
			display:block;
		}
	table td.right {
		width: 199px;
		border-left:1px solid rgb(80,80,80);
	}
	.columns.uneven .column.side {
		width: 199px;
		border-left:1px solid rgb(80,80,80);
		position:relative;
	}
	.sidebar {
		padding-top: 25px;
	}
		.sidebar div {
			padding: 0 5px 10px 15px;
			width: 179px;
			overflow:hidden;
		}
		.sidebar p {text-align:left;}
		.sidebar .news h4,
		.sidebar .news h4 a,
		.sidebar .news span,
		.sidebar .news .actionLink,
		.sidebar .jobs .actionLink {
			color:#ff6633;
			font-weight:bold;
			font-family: 'Inconsolata', verdana, arial, helvetica, sans-serif;
		}
		.sidebar .jobs h4,
		.sidebar .jobs h4 a,
		.sidebar .jobs span,
		.sidebar .jobs span a {
			color:#0099ff;
			font-family: 'Inconsolata', verdana, arial, helvetica, sans-serif;
		}
		.sidebar .newsletter {
			background:#00adef;
			color:white;
			border-top:1px solid rgb(80,80,80);
			border-bottom:1px solid rgb(80,80,80);
			margin-bottom:5px;
			padding-bottom:0;
		}
		.sidebar .newsletter h4,
		.sidebar .newsletter p {
			color:white;
			margin:3px auto;
		}
		.sidebar .newsletter input {
			width:170px;
		}
		.sidebar span {
			font-size:1.2em;
			font-weight:bold;
		}
	.columns.uneven .column.main {
		width: 800px;
	}
	.columns .column.left {
		float:left;
	}
	.columns .column.right,
	.columns .column.center {
		float:right;
	}
		.columns p,
		.columns ul,
		.columns ol {
			text-align: justify;
			font-size: 1.1em;
			margin-bottom:7px;
		}
		.columns li {
			text-align:left;
			margin-bottom:5px;
		}
		.columns img {
			padding:5px;
			border:1px solid #479DBF;
			background-color:white;
		}
		* html .columns img {
			border:5px solid #FFF;
		}
		.columns img.plain {
			padding:0;
			border:0;
			background-color:transparent;
		}
/*****************************
	End: Column Styles
*****************************/


form.submitResume p {
	position:relative;
}
form.submitResume label {
	position:absolute;
	left:0;
}
form.submitResume input,
form.submitResume textarea,
form.submitResume select {
	margin-left:75px;
	vertical-align:top;
}


#WeMakeItEasy{
	width:492px;
	height:188px;
	margin:10px auto;
	margin-left:-10px;
	background:url(../images/we_make_it_easy.gif) center center no-repeat;
}

#WeMakeItEasy ul {
	color:#505050;
	font-size:1.3em;
	font-weight:bold;
	float:right;
	padding:45px 35px 0 0;
}
#WeMakeItEasy li a {
	color:#505050;
	font-weight:bold;
}
#WeMakeItEasy div {
	padding:45px 200px 0 25px;
}
#WeMakeItEasyActionLink {
	font-size:1.5em;
	font-weight:bold;
	color:#993399;
}
#AccountSetup td {
	padding-bottom:5px;
}

#ProductsServicesList {
	overflow:hidden;
	position:relative;
}
#ProductsServicesList p {
	margin-top:-5px;
	font-size:.9em;
}
#HelpfulLinks img {
	float:left;
}
#HelpfulLinks p {
	margin-left:135px;
}
#HelpfulLinks div.clear {
	margin:3px auto;
}

#QuoteRequestForm p {
	margin-bottom:5px;
	color:#666;
}
	#QuoteRequestForm p small {
		font-size:10px;
		font-weight:normal;
		color:#888;
	}

.clear {clear:both}




/********************************************************************
	Start: jTip styles
********************************************************************/
#JT_arrow_left{
	background-image: url(../images/jtip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/jtip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	font-size:10px;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
	font-size:10px;
}

.JT_loader{
	background-image: url(../images/jtip/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}
.jTip-content {
display:none;
}