/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
html								{margin: 0px; padding: 0px; background:url(../images/bkg_circles.gif) repeat-x top center #FFF;}
body 								{position: relative; width: 100%; height:100%; margin: auto; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#00468D;}

h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin: 0px; padding: 0px; list-style:none}
img									{border: none}
table, tr, td, th					{/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */
table th							{text-align: right; speak-header: always; width: 25%; padding-right: 8px}
th									{speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited					{color: #FA7000; text-decoration:underline; cursor: pointer}
a:hover, a:active					{color: #00468D; text-decoration:none; cursor: pointer;}
input, select						{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00468D; /*width: 150px*/}
textarea							{font-family: Arial, Helvetica, sans-serif; font-size: 12px}
label								{cursor: pointer; margin-bottom: 5px}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding 							{position: relative; width: 760px; height: 105px; clear: both;}
#branding h2						{position: absolute; right:0px; top:37px; font-family:"Times New Roman", Times, serif; font-size:24px; color:#00468D; font-weight:bold;}
#branding h3						{position: absolute; top:15px;}
#branding h4						{position:absolute; top:62px; right:0px; font-family:"Times New Roman", Times, serif; font-size:18px; color:#00468D; font-weight:normal;}
#branding h6						{font-size:11px; color:#FDB92F; margin:0px;}
#branding h6 a:link,
#branding h6 a:visited,
#branding h6 a:active				{text-decoration:none;}
#branding h6 a:hover				{text-decoration:underline;}
#branding blockquote				{position:absolute; top:5px; right:0px;}

/*Main Navigation*/
* html a:hover						{visibility:visible}
#ynav li a:hover img			{visibility:hidden;}

#nav_training						{width:64px; height:22px; background:url(../images/nav/training_o.jpg) no-repeat; border-right:1px solid #FFF; float:left;}
#nav_products						{width:66px; height:22px; background:url(../images/nav/products_o.jpg) no-repeat; border-right:1px solid #FFF; float:left;}
#nav_clan 							{width:64px; height:22px; background:url(../images/nav/clan_lab_o.jpg) no-repeat; border-right:1px solid #FFF; float:left;}
#nav_industrial 					{width:159px; height:22px; background:url(../images/nav/industrial_o.jpg) no-repeat; border-right:1px solid #FFF; float:left;}
#nav_environmental 					{width:226px; height:22px; background:url(../images/nav/environmental_o.jpg) no-repeat; border-right:1px solid #FFF; float:left;}
#nav_about							{width:73px; height:22px; background:url(../images/nav/about_o.jpg) no-repeat; border-right:1px solid #FFF; float:left;}
#nav_news							{width:48px; height:22px; background:url(../images/nav/news_o.jpg) no-repeat; border-right:1px solid #FFF; float:left;}
#nav_home 							{width:49px; height:22px; background:url(../images/nav/home_o.jpg) no-repeat; float:left;}

#pg_training #nav_training img,
#pg_products #nav_products img,
#pg_spa #nav_spa img,
#pg_clan #nav_clan img,
#pg_industrial #nav_industrial img,
#pg_environmental #nav_environmental img,
#pg_news #nav_news img,
#pg_about #nav_about img,
#pghome #nav_home img				{visibility: hidden}

#ynav					{position:absolute; height:22px; width:760px;}
.yuimenubaritemlabel img {display: inline;}
.yuimenubaritemlabel > img {display: block;}

.yuimenubaritemlabel img {display: inline;}
.yuimenubaritemlabel > img {display: block;}

#ynav .yuimenubaritem	{float:left; padding:0px; margin:0px; display:block;}
#ynav .yuimenu			{background:#FFAB00; font-size:11px; border-bottom:1px solid #fed176; border:1px solid #FFF;}
#ynav .yuimenuitem		{border-bottom:1px solid #fed176; width:inherit;}
#ynav a.yuimenuitemlabel:link,
#ynav a.yuimenuitemlabel:visited,
#ynav a.yuimenuitemlabel:active	{color: #FFF;  font-weight:normal; text-decoration:none; padding:10px 5px; display:block;}
#ynav a.yuimenuitemlabel:hover	{background:#FFFFFF; color:#000;}
.yui-menu-shadow		{display:none;}
.yuimenuitemlabel,.yuimenubaritemlabel{text-align:left;white-space:nowrap;}


/* BOXES
--------------------------------------------------*/
#container							{width: 760px; margin: 0px auto;}
#content							{position: relative; top:10px; width: 760px; min-height: 300px; margin: 0px auto; clear: both; float:left;}
#contentbox							{position: relative; width: 591px; background:url(../images/bkg_content.gif) repeat-y; margin-right: 2px; padding: 0px; float:right}
#contentbox	.box					{padding:10px 25px 20px 25px;}
#breadcrumbs						{margin: 8px 0px 13px 0px; text-align:right; font-size:11px; color:#FA7000;}
.colLeft, .colMid, .colRt			{width: 173px; margin: 10px 5px 20px; float:left; display:block; padding: 8px}
.colRt								{clear: right}
.col								{width: 173px; margin: 0px 10px; float:left; display:block; padding: 5px 0px 10px; text-align:left}
.col2								{width: 240px; margin: 0px 10px; float:left; display:block; padding: 5px 0px 10px; text-align:left}
.col li								{margin-left: 5px}

/* CONTENT FORMATTING
---------------------------------------------------*/
#contentbox ul, #content ol			{margin: 10px 5px 10px 20px}
#contentbox li						{margin-bottom: 8px; margin-left: 20px}
#contentbox ul li					{list-style: disc}
#contentbox ol li					{list-style: decimal}
#contentbox ol li ol li				{list-style: lower-alpha; margin-bottom: 5px}
#contentbox .floatRight				{float:right;}
#contentbox a						{font-weight:bold;}
#content                                    {text-align: left;}
#content p							{margin: 0px 0px 10px; line-height: 16px}
#content h1							{font-family:"Times New Roman", Times, serif; font-size:30px; margin:0px 0px 10px 0px; color:#00468D; font-weight:bold; text-align:right;}
#content h2							{font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:15px 0px 10px 0px; color:#00468D; font-weight:normal;}
#content h2	a						{background:url(../images/bullet_icon.gif) no-repeat; padding:0px 0px 0px 30px;}
#content h3							{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px 0px 10px 0px; color:#00468D; font-weight:bold;}
#content h4							{font-family:"Times New Roman", Times, serif; font-size:14px; margin:0px 0px 10px 0px; color:#00468D; font-weight:bold;}
#content h5							{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px 0px 10px 0px; color:#FA7000; font-weight:bold;}
#content cite						{margin-left: 10px}
.photo 								{border: 1px solid #a2c3e3; margin: 10px 0px}
.photoLeft, .photoRight				{border: 1px solid #a2c3e3; float: left; margin: 0px 10px 10px 0px}
.photoRight							{float: right; margin: 0px 0px 10px 10px}
.photoRight_nobdr					{float: right; margin: 0px 0px 10px 10px; border:none;}
.photoLeft_nobdr					{border: none; float: left; margin: 0px 10px 10px 0px}
.left								{width: 45%; padding-right:5%; float: left}
.right								{width: 45%; float: left; clear:right}
.clear								{clear:both;}

/* TINY MCE
---------------------------------------------------*/
.header_blue						{font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:15px 0px 10px 0px; color:#00468D; font-weight:normal;}
.suheader_blue_arial				{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px 0px 10px 0px; color:#00468D; font-weight:bold;}
.subheader_blue_times				{font-family:"Times New Roman", Times, serif; font-size:14px; margin:0px 0px 10px 0px; color:#00468D; font-weight:bold;}
.subheader_orange					{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px 0px 10px 0px; color:#FA7000; font-weight:bold;}
.regular							{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px 0px 10px 0px; color:#00468D; font-weight:normal;}
.small								{font-size:11px;}


/* SUBMENU
---------------------------------------------------*/
#submenu							{width: 159px; height:auto; display:block; float: left;}
#submenu div.subinside { background:url(../images/bkg_sub_nav.gif) repeat-y #fff; }
#submenu div.subinside div { padding: 5px; }
#submenu img						{float:left; margin:0px; padding:0px;}
#submenu ul							{width: 139px; height:auto; display:block; /*background:url(../images/bkg_sub_nav.gif) repeat-y #fff; */ padding: 15px 10px 15px 10px; font-weight:bold}
#submenu li							{list-style: none; font-size: 11px; margin:0px 0px 10px 15px;}
#submenu li b						{color: #383838; font-size: 10px; margin: 0px; padding: 5px 0px; font-weight: bold}

/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{width: 740px; height: 20px; clear: both; display:block; font-size:11px; text-align:right; padding: 15px 10px; margin:0px auto}
#siteinfo cite						{font-style:normal;}

/* Form Styling
--------------------------------------------------*/
#content form						{padding:0px; margin:0px; position:relative;}
#content form .checkbox				{width:auto; float:left; margin:0px 10px 0px 0px;}
#content form ol					{list-style:none; margin:0px; padding:0px; float:left;}
#content form ol li					{clear:both; margin:5px 0px; padding:5px 0px; list-style:none; float:left;}
#content form ol li label			{float:left; text-align:left; width:90px; margin:0px 10px 0px 0px; font-weight:bold;}
#content form ol li input,
#content form ol li select,
#content form ol li textarea		{font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#content form ol li div 			{float:left;}
#content form ol li div input		{padding:0px; text-align:center; width:auto;}

/* PAGE SPECIFIC
---------------------------------------------------*/
#pg_category #contentbox h3 a:link,
#pg_category #contentbox h3 a:visited,
#pg_category #contentbox h3 a:active{color:#00468D; text-decoration:none;}
#pg_category #contentbox h3 a:hover	{color:#FA7000;}
#pg_category #contentbox blockquote {clear:both;}
#pg_category #contentbox blockquote p{float:left; width:440px;}
#pg_category #contentbox blockquote img{float:right; margin:0px 0px 5px 10px;}
#pg_category #contentbox h2			{color:#FA7000;}

#pg_training #contentbox blockquote h2{float:left; margin:0px;}
#pg_training #contentbox blockquote h3{float:right; font-size:18px; font-weight:normal;}
#pg_training #contentbox form 		{padding:10px 0px 0px 0px;}
#pg_training #contentbox form div		{clear:both; margin:0px 0px 10px 0px; height:20px;}
#pg_training #contentbox form div h3{float:left; width:70px; margin:3px 10px 0px 0px;}
#pg_training #contentbox form select{width:200px; margin:3px 10px 0px 0px; float:left; height: 15px;}
#pg_training #contentbox form .enroll{width:auto;}

#pg_products #contentbox blockquote img{float:right; margin:0px 0px 20px 0px; border:1px solid #a2c3e3; width: 300px;}
#pg_products #contentbox form div	{clear:left; margin:0px 0px 10px 0px; height:20px;}
#pg_products #contentbox form div h3 {float:left; width:50px; margin:3px 10px 0px 0px;}
#pg_products #contentbox form select{width:150px; margin:3px 10px 0px 0px; float:left;}
#pg_products #contentbox form .qty	{width:30px;}
#pg_products #contentbox form .btn_purchase{padding:0px 0px 0px 30px; width:auto;}

/*Home 
---------------------------------------------------*/
#flashcontent						{position:relative; top:10px; width:760px; height:340px; margin:0px 0px 16px 0px;}
#flashcontent .middle				{padding:0px 2px;}
#pg_home #contentbox				{position: relative; width: 477px; background:none; margin-right: 2px; padding: 0px 10px; float:left}
#pg_home #content h1				{font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0px; text-align:left; font-weight:normal;}
#pg_home #content h3				{font-weight:bold; font-size:13px; margin:15px 0px 0px 0px;}
#pg_home  #content .address			{float:left; margin:0px 0px 0px 0px; width:150px;}
#pg_home  #content .phone			{float:left; margin:0px 10px 0px 0px;}

#pg_home #col_right					{width: 231px; height:auto; display:block; float:right; background:url(../images/img_whats_new.jpg) no-repeat; padding:0px 0px 0px 0px;} 
#pg_home #col_right h2				{color:#FA7000; margin:45px 0px 20px 0px;} 
#pg_home #col_right h3				{color:#FA7000; background:url(../images/bullet_icon.gif) no-repeat; padding:0px 0px 5px 30px;} 
#pg_home #col_right blockquote		{margin:-5px 20px 10px 40px;}
#pg_home #col_right blockquote p	{font-size:11px; font-weight:bold; margin:0px 0px 3px 0px;}
#pg_home #col_right blockquote a	{color:#00468D;}

#pg_home #siteinfo 					{width: 760px; height: 20px; clear: both; display:block; font-size:11px; text-align:left; padding:5px 0px; margin:0px auto;}
#pg_home #siteinfo cite				{color:#999;}
#pg_home #siteinfo a:link,
#pg_home #siteinfo a:visited,
#pg_home #siteinfo a:active			{color:#999; font-style:italic;}
#pg_home #siteinfo a:hover			{color: #00468D;}



/* MAGENTO
-------------------------------------------------*/
.col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; }
.col-main { float:left; width:736px; border:1px solid #ddd; padding:5px; }
.col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; }
.side-col	{float:none; width:120px; border:none;}

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:484px; margin-left:10px; }

/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .narrow { width:33%; }
.col2-set .wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }

/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; }
.validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; }
.validation-passed {}
.required { color:#f00; }
p.required { font-size:10px; text-align:right; }
/* Expiration date and cvv number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { float:left; width:12em; margin-right:-12em; display:inline; position:relative; }
/* Form lists */
.form-list li { margin:0 0 5px; }
.form-list li .input-box {}
.form-list li input.input-text,
.form-list li textarea { width:250px; }
.form-list li select { width:256px; }
.form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; }
.form-list label {}

.group-select {}
.group-select label {}
.group-select .legend {}
.group-select li { margin:0 0 5px; }
.group-select li .input-box { float:left; width:250px; }
.group-select li input.input-text,
.group-select li textarea {width:480px; }
.group-select li select { width:470px; }
.group-select li .input-box input.input-text,
.group-select li .input-box textarea { width:230px; }
.group-select li .input-box select { width:235px; font-size: 15px;}
.group-select.wide input.input-text,
.group-select.wide textarea { width:510px; }

.buttons-set { clear:both; margin:5px 0 0; padding:5px;}
.buttons-set .back-link { float:left; }
.buttons-set .button { float:right; }

.buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; }

/* Checkout ============================================================================== */
/* One Page */
.one-page-checkout {position:relative; }
.one-page-checkout li.section { border:1px solid #ddd; border-top:none; border-bottom:0; }
.one-page-checkout .step-title {background-color:#ccc; height:16px; padding:8px 5px; text-align:right; clear:both;}
.one-page-checkout .step-title .number {float:left; line-height:22px; margin-right:5px; padding:2px 0px; font-weight:bold; font-size:14px;}
.one-page-checkout .step-title h3 { float:left; }
.one-page-checkout .allow .step-title { cursor:pointer; }
.one-page-checkout .active {}
.one-page-checkout .active .step-title { background-color:#FA7000; cursor:default; }
.one-page-checkout .step { border-top:1px solid #ddd; padding:10px; }
.one-page-checkout .order-review {}

.cart .checkout-types { float:right; text-align:right; }

/* Shopping Cart Table */
.cart-table .item-msg { font-size:10px; }

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { float:left; }
.cart .crosssell .product-image { float:left; margin-right:-90px; }
.cart .crosssell .product-shop { margin-left:90px; }
.cart .shipping {}

/* Shopping Cart Totals */
.cart .totals { float:right; }
.cart .totals table { width:100%; }
.cart .totals table th,
.cart .totals table td { padding:5px; }
.cart .totals table th { font-weight:bold; }

/* Global Messages  */
.success { color:#3d6611; font-weight:bold; }
.error { color:#f00; font-weight:bold; }
.notice { color:#ccc; }

.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px; }
.messages li li { margin:0 0 3px; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg {font-size:11px; border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; }
.error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(../images/error_msg_icon.gif); color:#df280a; }
.success-msg { border-color:#316aa3; background-color:#a2c3e3; background-image:url(../images/success_msg_icon.gif); color:#FFFFFF; }
.note-msg,
.notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../images/note_msg_icon.gif); color:#3d6611; }

/* Form Elements */
#pg_checkout #contentbox input, select, textarea, button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; }
#pg_checkout #contentbox input.input-text, select, textarea { border:1px solid #888; }
#pg_checkout #contentbox input.input-text:focus, select:focus, textarea:focus {}
#pg_checkout #contentbox input.input-text, textarea { padding:2px; }
#pg_checkout #contentbox input.radio { margin-right:3px; }
#pg_checkout #contentbox input.checkbox { margin-right:3px; }
#pg_checkout #contentbox input.qty { width:2.5em; }
#pg_checkout #contentbox textarea { overflow:auto; }
#pg_checkout #contentbox button.button { overflow:visible; width:auto; background:#f6f6f6; border:1px solid #717171; cursor:pointer; }
#pg_checkout #contentbox button.button span { display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#000; }
#pg_checkout #contentbox button.disabled {}
#pg_checkout #contentbox button.disabled span {}


/* Shopping Cart Styles */

#pg_checkout #contentbox ul, #content ol{margin:0px}
#pg_checkout #contentbox li				{margin-bottom: 0px; margin-left: 0px}
#pg_checkout #contentbox ul li			{list-style:none}
#pg_checkout #contentbox ol li			{list-style:none}
#pg_checkout #contentbox ol li ol li	{list-style:none; margin-bottom: 0px}
#pg_checkout #contentbox input, select	{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00468D;}
#pg_checkout #contentbox fieldset		{border:none;}

#content_shopping					{/*position: relative; top:10px; width: 760px; min-height: 300px; margin: 0px auto; clear: both; float:left;*/}
#content_shopping #contentbox		{position: relative; width: 760px; background:url(../images/bkg_content_shop.gif) repeat-y; margin-top:15px; margin-right: 2px; padding: 0px; float:none;}
fieldset div					{margin:5px 0px;}
fieldset legend					{color:#FA7000; font-weight:bold; font-size:13px;}
dl dd							{margin:0px 10px 0px 0px;}

/* jody */
#contentbox form li 
{
  list-style-type: none;
}
fieldset.group-select
{
  border: none;
}
#contentbox .group-select ul
{
  margin: 0px;
}