@charset "utf-8";
/* Optimum performance 2 col stye CSS Document */

body #wrap #main {
	padding:30px 0 30px 0;
	font-family:Arial, Helvetica, Verdana, sans-serif;
}

#content {
	margin:0;
	padding:0 0 10px 0;
	border:none;
	float:left;
	width:590px;
	}

body h1 acronym {
	outline:none;
	border:none;}

#promo {
	float:left;
	margin:0;
	padding:0 46px 0 30px;
	border:none;
	width:284px;
	overflow:visible;
	background-position:10px bottom;
	background-repeat:no-repeat;
	
}

body #wrap p{
	font-size:12px;
	margin:0;
	padding:0 0 10px 0;
	line-height:1.65em;
}

.seperate-top {
	padding-top:10px !important;}

body #wrap p.btn  {
	font-weight:bold;
	font-size:12px;
	padding:0 0 10px 0;
	margin:0;
	height:22px;
	display:block;
	overflow:visible;
	vertical-align:bottom;
	}
	
body #wrap td p.btn	{
	height:55px;
	}

body #wrap td p.btn a img {
	padding-top:5px;}
	
body #wrap p.btn a {
	padding:0 0 0 5px;
	margin:0;
	border:none;
	}
	
body #wrap p.btn a img {
	padding:0;
	margin:0;
	border:none;
	vertical-align:top;
	border:none;
}

body #wrap p.subtitle {
	font-weight:bold;
	font-style:italic;}

body #wrap #promo h2 {
	margin:0;
	padding:175px 0 10px 0;
	font-size:1em;
	line-height:1.65em;
	font-weight:bold;
	text-align:center;
	color:#00003a;
	line-height:1.35em;
	background-image:url(../images/hp-bk-imgs/diy-hr-box.jpg);
	background-position:30px 0;
	background-repeat:no-repeat;

}

body #wrap #promo ul {
	padding:0 0 0 20px;
	margin:0;
	}

body #wrap #promo ul li{
	text-align:left;
	font-size:0.8em;
	padding:0 0 8px 0;
	margin:0;
	line-height:1.35em;
	}

body #wrap #promo p {
	font-size:12px;
	margin:0;
	padding:0;
	line-height:1.8em;
	text-align:center;
	font-style:italic;
	color:#00003a;
}

body #wrap #main  h1, h2.emphasis  {
	font-size:18px;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	display:block;
	border-bottom:1px dotted #CCCCCC;
	
}

h2.emphasis {
	padding-top:15px;
	color:#353C91;
	font-size:18px;
	}

body #wrap #main #content h2.enlarge {
	font-size:18px;
	padding-bottom:5px;}


body #wrap #main #sidebar {
	float:none;
	margin:20px 0 20px 0;
	padding:0;
	border:none;
	text-align:center;
	width:298px;
	border:1px solid #00003a;
}

body #wrap #main #sidebar h2 {
	padding:3px 0 5px 0;
	margin:0;
	font-weight:bold;
	line-height:1.3em;
	font-size:12px;
	background-color:#00003a;
	color:#FFFFFF;
	}

body #wrap #main #sidebar ul {
	list-style:none;
	padding:5px;
	margin:0;
	}
	
body #wrap #main #sidebar ul li {
	list-style:none;
	line-height:1.35em;
	padding:0 0 5px 0;
	font-size:12px;
	font-style:italic;
	color:#00003a;
	margin:0;
	
	}

body #wrap #main #content table.list {
	margin:0;
	width:580px;
	}
body #wrap #main #content table.list td {
	padding:0 10px 0 0;
	}
#content ul {
	border:none;
	margin:0 0 0 10px;
	padding:0 10px 0 10px;
}
	
body #wrap #main #content table.list td ul li {
	list-style:disc;
	padding:0 0 5px 0;
	margin:0;
	border:none;
	font-size:12px;
	line-height:1.3em;
}

td p {
	padding:0 0 10px 10px;
	margin:0;}

#content ol {
	padding:0 10px 10px 20px;
	margin:0 0 0 10px;
	border:none;
}
ol li {
	padding:0 10px 6px 0;
	margin:0;
	border:none;
	font-size:12px;
	line-height:16px;
	line-height:1.65em;
}

.infoBox {
	width:280px;
	padding:5px 5px 5px 5px;
	margin:40px 0 40px 0;
	border:1px solid #b4b8eb;
	}

body #wrap #content .infoBox {
	width:500px;
	padding:0 10px 10px 20px;
	margin:10px auto 0 auto;
	}

body #wrap #promo .infoBox h2 {
	text-align:center;
	padding:0 0 5px 0;
	margin:0;
	border:none;
	font-size:14px;
	}

#promo .infoBox ul {
	background:none;
	width:260px;
	padding:0 0 5px 20px;
	margin:0;
	border:none;
	font-size:11px;
	float:none;
}
#content ul li, #promo .infoBox ul li {
	list-style:disc;
	padding:0 0 5px 0;
	margin:0;
	border:none;
	font-size:12px;
	line-height:1.65em;

}



#wrap #content ul li ol {
	padding-top:5px;}

#wrap #content ul li ol li {
	list-style-type:lower-roman;}

#wrap #content ul li ul {
	padding-left:15px;
	padding-bottom:0;
}


#wrap #content ul li ul li{
	list-style:disc;
}

/*-------------------------Product interest contact form----------------------------*/
#form {
	background:none;
	padding:80px 0 65px 5px;
	margin:20px 0 5px 0;
	border:none;
	font-size:11px;
	display:block;
	height:164px;
	width:260px;
	float:none;
	overflow:visible;

	}

#form table {
	margin:0;}

#form table td {
	padding:0 0 5px 0;
	font-weight:bold;
	}

#form table td em {
	color:#FF0000;}

#form input, #form textarea {
	width:175px;
	font-size:11px;
	overflow: auto;
	line-height:1em;
}

#form input {
	height:13px;
}
	
#form input#button {
	width:90px;
	height:20px;}	
	
	

/*----------------------HR Shop product page styles-----------------------------------------------*/

#wrap #promo.hrshop {
	background-image:url(/images/shop-form-bk.jpg);
}
#wrap #content.withsidebar {
	width:565px;
}

#wrap #content.withsidebar form, #wrap #content.withsidebar form input {
	padding:0;
	margin:0 auto 10px auto;
	border:none;
	display:block;
}

#wrap #content.withsidebar form table td {
	padding:0;
	border:none;}

#wrap #content.withsidebar form table {
	margin:0 auto 3px auto;
	border:none;
	}

.SideBorder form select {	
	font-size:11px;
	overflow:visible;
	width:180px;
	display:block;
	padding:2px;
	white-space:normal !important;
    word-wrap: normal !important;
	margin:0 auto 5px auto;	
}


#wrap #content.withsidebar form h4 {
	text-align:center;}

#wrap #content table {
	margin:0 0 10px 0;
}
body #wrap #main .heading {
	background-repeat:no-repeat;
	background-position:10px center;
	text-align:center;
	border:1px solid #CCCCCC;
	border-right-width: 3px;
	border-bottom-width: 3px;
	margin:0 0 10px 0;
	padding:0 10px 0 100px;
	vertical-align:middle;
	height:120px;
}

.box01 {
	background-image:url(../images/hp-bk-imgs/box-orange-swoosh.jpg);
	}

.box02 {
	background-image:url(../images/hp-bk-imgs/box-uturn-arrow.jpg);
	}


.box03 {
	background-image:url(../images/hp-bk-imgs/box-up-arrows.jpg);
	}

body #wrap #main .heading h1 {
	border:none;
	margin:0;
	padding:15px 0 5px 0;
}

body #wrap #main h1 strong, body #wrap #main #promo strong{
	color:#009b07;}

body #wrap #main .heading p {
	font-weight:bold;
	padding:0 0 5px 0;
	margin:0;
	border:none;
}

body #wrap p.price {
	font-size: 14px;
	color: #009900;
	font-weight:bold;
	text-align:center;
	padding:0 10px 10px 10px;
	line-height:1.35em;
	margin:0;
}

body #wrap p.price em {
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	display:block;
}

#wrap #content.withsidebar h2.sectionHeader {
	border-bottom:1px solid #353C91;
	font-size:12px;
	color:#FFFFFF;
	line-height:20px;
	font-weight: bold;
	background-color: #3C4399;
	padding:5px 0 5px 5px;
	margin:0 0 10px 0;
	text-align:center;
	}

#wrap #content.withsidebar h2.sectionHeader strong {
	display:block;
	font-size:14px;
	font-style:italic;
	color:#353C91;
	padding:5px 0 5px 0;
	}

#wrap #content.withsidebar h2.sectionHeader em {
	font-style:normal;
	font-weight:bold;
	font-size:11px;
	display:block;
}

#wrap #content.withsidebar table td p.pdf {
	padding:0 10px 20px 30px;
	background-position:10px 0;
	line-height:1.55em;
	}

#wrap #content.withsidebar table td p.pdf a {
	display:block;
	padding:0 0 3px 0;
	}
/*
*/