/*========================================================================================
	The CSS that's required to position the footer
==========================================================================================*/

html {
	height: 100%;
}
body {
	height: 100%;
}
#nonFooter {
	position: relative;
	min-height: 100%;
}
* html #nonFooter {
	height: 100%;
}
#footer {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 70px;
	margin-top: -70px;
	margin-bottom: 0;
	clear: both;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer {
	margin-top: -70px;
}
/*========================================================================================
	PAGE GENERAL
==========================================================================================*/

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #666666;
}
body {
	text-align: center;
}
#page {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
* html #page {
	height: 100%;
}
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
img {
	border: 0;
}
img.inset {
	background-color: #b09470;
	padding: 5px;
	margin-bottom: 10px;
}
img.PDF {
	float: left;
	position: relative;
	margin-right: 10px;
}
.hide {
	display: none;
}
hr {
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
/*========================================================================================
	PAGE FONTS/COLORS
==========================================================================================*/

h1 {
	font-size: 22px;
	color: #ff7401;
	font-weight: bold;
	padding-bottom: 5px;
}
h2 {
	font-size: 16px;
	font-style: normal;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #000000;
	margin-bottom: 15px;
}
h3 {
	font-size: 17px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 3px;
}
h4 {
	color: #ff7401;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
h5 {
	color: #ff7401;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: capitalize;
}
a {
	text-decoration: underline;
	color: #ff7401;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
.current {
	color: #333333;
	text-decoration: none;
}
.primary {
	color: #fccd89;
}
.secondary {
	color: #666666;
}
.tertiary {
	color: #CCCCCC;
}
b {
	font-size: 12px;
	font-weight: bold;
}
/*========================================================================================
	HEADER STYLES
==========================================================================================*/

#header-container {
	height: 60px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	width: 955px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 55px;
	position: relative;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
#logo {
	float: left;
	position: relative;
	height: 50px;
	width: 175px;
}
#header .support1 {
	float: right;
	width: 118px;
	margin-top: 25px;
	background-image: url(Global/Icons/Lock.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 15px;
	padding-left: 17px;
	font-weight: bold;
	padding-right: 18px;
}
#header .support1 a {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
#header .support1 a:hover {
	color: #666666;
	text-decoration: underline;
}
#header .support2 {
	float: right;
	width: 150px;
	margin-top: 25px;
	background-image: url(Global/Icons/Document.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 15px;
	padding-left: 17px;
	font-weight: bold;
	padding-right: 18px;
}
#header .support2 a {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
#header .support2 a:hover {
	color: #666666;
	text-decoration: underline;
}
/*========================================================================================
	PRIMARY NAV STYLES
==========================================================================================*/

#priNav-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	height: 32px;
}
#priNav {
	width: 955px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 32px;
	position: relative;
	background-image: url(Global/Nav/BGD-Navigation.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#priNav ul {
	list-style-type: none;
	position: relative;
}
#priNav ul li {
	float: left;
	display: inline;
}
#priNav ul li a {
	display: block;
	height: 32px;
}
#priNav ul li a.home {
	background: url(Global/Nav/Home.gif) no-repeat top left;
	width: 80px;
}
#priNav ul li a.homeCurrent {
	background: url(Global/Nav/Home.gif) no-repeat top left;
	width: 80px;
	background-position: top right;
}
#priNav ul li a.aboutcombi {
	background: url(Global/Nav/About-Combi.gif) no-repeat 0 0;
	width: 120px;
}
#priNav ul li a.aboutcombiCurrent {
	background: url(Global/Nav/About-Combi.gif) no-repeat 0 0;
	width: 120px;
	background-position: top right;
}
#priNav ul li a.customercare {
	background: url(Global/Nav/Customer-Care.gif) no-repeat 0 0;
	width: 133px;
}
#priNav ul li a.customercareCurrent {
	background: url(Global/Nav/Customer-Care.gif) no-repeat 0 0;
	width: 133px;
	background-position: top right;
}
#priNav ul li a.pressreleases {
	background: url(Global/Nav/Press-Releases.gif) no-repeat 0 0;
	width: 134px;
}
#priNav ul li a.pressreleasesCurrent {
	background: url(Global/Nav/Press-Releases.gif) no-repeat 0 0;
	width: 134px;
	background-position: top right;
}
#priNav ul li a.contactus {
	background: url(Global/Nav/Contact-Us.gif) no-repeat 0 0;
	width: 109px;
}
#priNav ul li a.contactusCurrent {
	background: url(Global/Nav/Contact-Us.gif) no-repeat 0 0;
	width: 109px;
	background-position: top right;
}
#priNav ul li a.safetynotifications {
	background: url(Global/Nav/Safety-Notifications.gif) no-repeat 0 0;
	width: 160px;
}
#priNav ul li a.safetynotificationsCurrent {
	width: 160px;
	background-image: url(Global/Nav/Safety-Notifications.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#priNav ul li a.products {
	background: url(Global/Nav/Products.gif) no-repeat 0 0;
	width: 95px;
}
#priNav ul li a.productsCurrent {
	background: url(Global/Nav/Products.gif) no-repeat 0 0;
	width: 95px;
	background-position: top right;
}
#priNav ul li a.storelocator {
	background: url(Global/Nav/Store-Locator.gif) no-repeat 0 0;
	width: 124px;
}
#priNav ul li a.storelocatorCurrent {
	background: url(Global/Nav/Store-Locator.gif) no-repeat 0 0;
	width: 124px;
	background-position: top right;
}
#priNav ul li a:hover {
	background-position: top right;
}
#priNav ul li .current {
	background-position: top right;
}
/*========================================================================================
	SPECIAL STYLES
==========================================================================================*/

#special-container {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #ffffff;
	width: 955px;
	padding-top: 20px;
}
#special {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 955px;
	height: 400px;
}
/*-----------------Internet Explorer 6 STYLES-----------------*/
/*IE6 does not recognize hyperlinks when a .PNG file is used as a background for a DIV.
Essentially, none of the content was clickable in IE6 when trying to make .PNG files 
be backgrounds of a DIV, so I had to create a separate DIV for the .PNG background image
and then create another DIV to ABSOLUTE position the navigation/hyperlinks over that background DIV.
NOTE: You cannot nest the second DIV inside the .PNG background one. It has to live outside of it
and simply be absolutely positioned on top of the .PNG background DIV*/
#special .menuPNG {
	height: 350px;
	width: 200px;
	z-index: 1; /* IE8 might have trouble. It vacilliates */
	position: absolute;
	right: 25px;
	top: 40px;
	float: right;
	background-image: url(Global/BGD-Menu.png);
	background-repeat: no-repeat;
}
#special .menu {
	height: 350px;
	width: 200px;
	z-index: 2; /* IE8 might have trouble. It vacilliates */
	position: absolute;
	right: 25px;
	top: 40px;
	float: right;
}
#special .menu h1 {
	font-size: 12px;
	font-weight: bold;
	color: #ff7401;
	padding-left: 15px; /* IE6 needs more padding */
	padding-top: 15px;
	text-transform: uppercase;
	background-image: none;
	font-style: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 0px;
}
#special .menu ul {
	list-style-type: none;
	padding-top: 5px;
	padding-left: 15px; /* IE6 needs more padding */
}
#special .menu ul li {
	display: inline;
	float: left;
	position: relative;
}
#special .menu ul li a { /* FF & Safari do not render this correctly. IE6 actually does. Created separate style. */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	display: block;
	height: 23px;
	width: 140px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 2px;
}
#special .menu ul li a:hover {
	color: #ff7401;
	background-image: url(Global/BGD-Menu-li.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
#special .menu ul li .current {
	color: #ff7401;
	text-decoration: none;
	background-color: #feddc2;
}
#special .slideshow {
	height: 400px;
	width: 955px;
	position: relative;
	z-index: 0;
}
/*========================================================================================
	CONTENT STYLES
==========================================================================================*/
/*Any information inside the content, such as a left hand nav div, will need to have the bottom margin set to the same height as the footer. In this case, the footer is 70pixels high. So any div's contained in your content also need to have a bottom margin of 70pixels high to keep the footer from overflowing into those content areas.*/

#content-container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
}
#content {
	width: 955px;
	height: 200px; /*Doesn't position right in ieSUX, so had to make separate style in ie7.css*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	padding-bottom: 70px;
}
/* ------------------------------ home page ------------------------------ */
#content .FeatureLeft h1 {
	font-size: 21px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF7401;
	width: 96%;
	color: #ff7401;
/*	background-image: url(Global/Icons/Baby.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 25px;*/
	padding-bottom: 10px;
	font-weight: lighter;
	font-style: normal;
}
#content .FeatureLeft {
	position: relative;
	float: left;
	width: 575px;
	margin-bottom: 100px;
	padding-left: 25px;
}
#content .FeatureLeft ul {
	list-style-type: none;
}
#content .FeatureLeft ul li {
	display: inline;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	float: left;
	position: relative;
	width: 575px;
}
#content .FeatureLeft ul li a {
	text-decoration: none;
	font-size: 11px;
	width: 555px;
	display: block;
	height: 22px;
	padding-left: 5px;
	color: #666666;
	padding-top: 3px;
	padding-right: 15px;
}
#content .FeatureLeft ul li a:hover {
	color: #666666;
	background-color: #EEEEEE;
	width: 555px;
}
#content .FeatureLeft ul li .current {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
}
#content .FeatureRight {
	float: left;
	width: 310px;
	position: relative;
	margin-left: 25px;
	margin-bottom: 100px;
}
#content .FeatureRight img.banner {
	border: 1px solid #DCDCDC;
	margin-bottom: 7px;
}
/*========================================================================================
	CONTENT PRICON STYLES
==========================================================================================*/

#content .priCon {
	width: 715px;
	position: relative;
	float: left;
	padding-bottom: 75px;
}
#content .priCon p {
	padding-bottom: 20px;
	font-size: 13px;
}
/* ------------------------------ unordered list ------------------------------ */
.list {
	padding-bottom: 20px;
}
.list ul {
	display: block;
	list-style-type: none;
}
.list li {
	display: block;
	background-image: url(Global/Arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 25px;
	color: #FF7401;
}
/* ------------------------------ inset photo ------------------------------ */
#content .priCon .inset-container {
	width: 230px;
	float: right;
	position: relative;
	margin-bottom: 20px;
	margin-left: 20px;
}
#content .priCon .inset-mask {
	width: 230px;
	float: left;
	position: absolute;
	height: 180px;
	z-index: 2;
	background-image: url(Global/Product-Container.png);
	background-repeat: no-repeat;
	background-position: center center;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
img.product-inset {
	width: 230px;
	height: 180px;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: none;
}
/* ------------------------------ products ------------------------------ */
#content .priCon .products {
	width: 715px;
	float: left;
	position: relative;
}
#content .priCon .product-container {
	width: 230px;
	float: left;
	margin-right: 12px;
	position: relative;
}
#content .priCon .product-containerLast {
	width: 230px;
	float: left;
	position: relative;
}
#content .priCon .product-mask {
	width: 230px;
	float: left;
	position: absolute;
	height: 180px;
	z-index: 2;
	background-image: url(Global/Product-Container.png);
	background-repeat: no-repeat;
	background-position: center center;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
img.product-photo {
	width: 230px;
	height: 180px;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: none;
}
#content .priCon .product-text {
	float: left;
	width: 230px;
	padding-top: 185px;
}
#hr {
	height: 1px;
	width: 715px;
	float: left;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
}
.productHeadline {
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}
.productHeadline a {
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}
.productHeadline a:hover {
	color: #ff7401;
	text-decoration: none;
}
/* ------------------------------ items ------------------------------ */
.items {
	width: 715px;
	float: left;
	position: relative;
}
.items .item-container {
	width: 230px;
	float: left;
	position: relative;
	background-image: url(Global/1x1Gray.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin-right: 11px;
	padding-right: 1px;
	margin-bottom: 25px;
}
.items .item-containerLast {
	width: 230px;
	float: left;
	position: relative;
	margin-bottom: 25px;
}
img.item-photo {
	width: 230px;
	height: 180px;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: none;
}
.items .item-text {
	float: left;
	width: 230px;
	padding-top: 185px;
}
.items ul {
	display: block;
	list-style-type: none;
	width: 230px; /* too tall in IESUX */
	float: left;
	position: relative;
}
.items li {
	margin: 0 0 2px 0;
	display: block;
}
.items li.title {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	float: left;
}
.items li.title a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-transform: capitalize;
}
.items li.title a:hover {
	color: #FF7401;
	text-decoration: none;
}
.items li.cost {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	float: left;
	margin-left: 15px;
}
/* ------------------------------ product item page ------------------------------ */
#item-price {
	color: #ff7401;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	float: right;
	top: -50px;
}
#item-photo {
	float: left;
	margin-bottom: 20px;
	position: relative;
	background-image: url(Global/Item-Photo-Container.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 8px;
	margin-right: 20px;
}
#item-photo-thumbnails {
	float: left;
	width: 320px;
	position: relative;
	margin-right: 20px;
	left: 0px;
	top: 0px;
	padding-bottom: 77px;
}
#item-photo-thumbnails td {
	padding: 5px;
	width: 25%;
}
#item-photo-thumbnails p {
	margin-bottom: -15px;
	font-weight: bold;
	color: #ff7401;
}
/* ------------------------------ Accordian ------------------------------ */
#basic-accordian {
	width:375px;
	position:relative;
	float: right;
	z-index: 2;
	min-height: 400xp;
	margin-bottom: 150px;
}
.accordion_headings {
	color:#FF7401;
	cursor:pointer;
	font-weight:bold;
	font-size: 16px;
	text-transform: lowercase;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFF;
	padding-bottom: 10px;
	padding-top: 10px;
}
.accordion_headings:hover {
	color: #666666;
}
.accordion_child {
	color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
}
.accordion_child ul {
	display: block;
	list-style-type: none;
}
.accordion_child ul li {
	color: #666666;
	padding-left: 15px;
}
.accordion_child ul li a {
	font-size: 14px;
	font-weight: bold;
	text-transform: lowercase;
	color: #666666;
	text-decoration: none;
}
.accordion_child ul li a:hover, .accordion_child ul li .current {
	color: #333333;
}
*/ .header_highlight {
 color: #666666;
}
/* ------------------------------ Highslide ------------------------------ */
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 11px;
	padding: 5px;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(/js/highslide/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(/js/highslide/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/js/highslide/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(/js/highslide/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}
/* ------------------------------ table/chart ------------------------------ */
#one-column-emphasis {
	font-size: 12px;
	width: 465px; /* too wide in IESUX */
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th {
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #000000;
}
#one-column-emphasis td {
	padding: 10px 15px;
	color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFEFD9;
	vertical-align: top;
	text-align: left;
}
#one-column-emphasis .oce-first {
	/*border-right: 10px solid transparent;
	border-left: 10px solid transparent;*/
	background-color: #f9d372;
}
#one-column-emphasis tr:hover td { /* Does not work in IE */
	color: #000000;
	background-color: #FFEFD9;
}
/* ------------------------------ featured media ------------------------------ */
.featured-media {
	padding: 15px 0 15px 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.featured-media a img {
	border: none;
	float: left;
}
.featured-media ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 115px;
	display: block;
	list-style-type: none;
}
.featured-media p {
	margin-left: 115px;
	font-style: italic;
	margin-bottom: -20px;
}
.featured-media li {
	margin: 0 0 2px 0;
	display: block;
}
.featured-media li.duration {
	color: #444444;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans;
	font-size: 9px;
	text-transform: uppercase;
}
.featured-media li.date {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
.featured-media li.title {
	color: #FF7401;
	font-size: 16px;
	text-transform: lowercase;
	font-weight: bold;
}
/* ------------------------------ contact form ------------------------------ */
.contact-form {
	font-size: 12px;
	line-height: 2em;
	margin-bottom: 70px;
	width: 465px; /* too wide in IESUX */
}
.contact-form .form-field, textarea, select {
	width: 440px;
	color:#fe7503;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	padding: 5px;
	margin: 0;
	margin-bottom: 24px;
}
.contact-form .form-note {
	color: #999;
	margin-bottom: 12px;
}
/* ------------------------------ jobs ------------------------------ */
.jobs {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 5px;
}
.jobs ul {
	margin: 0;
}
.jobs p {
	font-style: italic;
	margin-bottom: -20px;
}
.jobs li {
	margin: 0 0 2px 0;
	list-style-type: none;
}
.jobs li.duration {
	color: #444444;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans;
	font-size: 9px;
	text-transform: uppercase;
}
.jobs li.date {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
.jobs li.title {
	color: #FF7401;
	font-size: 16px;
	text-transform: lowercase;
	font-weight: bold;
}
/* ------------------------------ instruction manuals ------------------------------ */
.smList {
	position: relative;
	float: left;
	width: 715px;
	padding-bottom: 25px;
}
.smList ul {
	list-style-type: none;
}
.smList ul li {
	display: inline;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	float: left;
	position: relative;
	width: 715px;
}
.smList ul li a {
	text-decoration: none;
	font-size: 11px;
	width: 695px;
	display: block;
	height: 22px;
	padding-left: 5px;
	color: #666666;
	padding-top: 3px;
	padding-right: 15px;
}
.smList ul li a:hover {
	color: #666666;
	background-color: #EEEEEE;
	width: 695px;
}
.smList ul li .current {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
}
/*========================================================================================
	CONTENT SECCON STYLES
==========================================================================================*/

#content .secCon {
	width: 240px;
	float: left;
	position: relative;
	padding-bottom: 70px;
}
/* ------------------------------ secNav ------------------------------ */
#content .secCon .secNav-container {
	width: 215px;
	float: left;
	position: relative;
	margin-bottom: 25px;
}
img.secNav-Top {
	height: 10px;
	width: 215px;
	position: absolute;
	background-color: #ff7401;
}
#content .secCon .secNav {
	width: 185px;
	margin-top: 10px;
	padding: 15px;
	background-color: #ff7401;
}
img.secNav-Bottom {
	height: 9px;
	width: 215px;
	position: absolute;
	background-color: #ff7401;
}
#content .secCon .secNav ul {
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content .secCon .secNav ul li {
	display: block;
	color: #feddc2;
	font-weight: bold;
}
#content .secCon .secNav ul li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #feddc2;
	font-size: 15px;
	display: block;
	height: 27px;
	width: 170px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	text-transform: lowercase;
}
#content .secCon .secNav ul li a:hover {
	color: #FFFFFF;
	background-image: url(Global/BGD-secCon-sidebar-li.png); /* .PNG backgrounds don't work in IE6 */
	background-repeat: no-repeat;
	background-position: right center;
}
#content .secCon .secNav ul li .current {
	color: #FFFFFF;
	text-decoration: none;
}
#content .secCon .secNav p {
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content .secCon .secNav h3 {
	font-size: 21px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 3px;
	line-height: 23px;
}
/* ------------------------------ Indented secNav ------------------------------ */
#content .secCon .secNav ul li.sub {
	position: relative;
	margin-left: 15px;
	margin-bottom: -10px;
}
#content .secCon .secNav ul li ul li {
}
#content .secCon .secNav ul li ul li a {
	display: block;
	color: #feddc2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: lowercase;
	background-image: none;
	line-height: 12px;
	padding: 0px;
}
#content .secCon .secNav ul li ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: none;
}
#content .secCon .secNav ul li ul li .current {
	text-decoration: none;
	color: #FFFFFF;
	background-image: none;
}
/* ------------------------------ sideBar ------------------------------ */
#content .secCon .sidebar-container {
	width: 215px;
	float: left;
	position: relative;
	margin-bottom: 25px;
}
img.sidebar-Top {
	height: 10px;
	width: 215px;
	position: absolute;
	background-color: #f9d372;
}
#content .secCon .sidebar {
	width: 185px;
	margin-top: 10px;
	padding: 15px;
	background-color: #f9d372;
}
img.sidebar-Bottom {
	height: 9px;
	width: 215px;
	position: absolute;
	background-color: #f9d372;
}
#content .secCon .sidebar p {
	color: #EB6A00;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content .secCon .sidebar h3 {
	font-size: 21px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 3px;
}
/*========================================================================================
	FOOTER STYLES
==========================================================================================*/

#footer .wrapper {
	margin-right: auto;
	margin-left: auto;
	height: 68px;
	width: 955px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
#footer .wrapper ul {
	list-style-type: none;
	margin-top: 10px;
	float: left;
}
#footer .wrapper ul li {
	display: inline;
	font-size: 12px;
	padding-right: 8px;
	background-image: url(Global/Separator-Gray.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #333333;
	padding-left: 4px;
}
#footer .wrapper ul li a {
	color: #d66000;
	text-decoration: underline;
	font-size: 12px;
}
#footer .wrapper ul li a:hover {
	text-decoration: none;
	color: #666666;
}
#footer .wrapper ul li .current {
	color: #666666;
}
#footer .wrapper .legal {
	list-style-type: none;
	float: left;
	color: #666666;
	clear: both;
	width: 955px;
	text-align: left;
}
#footer .wrapper .LastPipe {
	background: none;
}
#footer .wrapper .email {
	float: right;
	padding-top: 15px;
	padding-right: 20px;
}
#footer .wrapper .email label {
	font-size: 11px;
	color: #333333;
	padding-right: 5px;
}
#footer .wrapper .nameBox {
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	padding: 2px;
	margin-right: 10px;
	height: 20px;
}
#footer .wrapper .emailBox {
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	padding: 2px;
	margin-right: 10px;
	height: 20px;
}
#footer .wrapper .email input.button {
	vertical-align: middle;
	background-image: url(Global/Submit-Button.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 60px;
}
