/*-- Style Reset ----------------------------------*/
* { margin: 0; padding: 0; border: none; outline: none; }

/*-- Element Styles -------------------------------*/
body { background: #f0efe9;  }

h1 {  }
h2 {  }
h3 { font-size: 24px;  }
h4 { font-size: 18px; }
h5 {  }

sup { font-size: 70%; }

a { color: #2A6EB9; text-decoration: none; }
a:hover { text-decoration: underline; }

ul li { margin: 0 0 0 25px; list-style-position: outside; list-style-type: square; }
ol li { margin: 0 0 0 25px; list-style-position: outside; }

p { margin: 0 0 10px 0; }

hr { margin: 5px 0 5px 0; border-top: 1px solid #000000; }

/*-- Layout --------------------------------------------------*/
div#wrapper { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }

div#wrapper div.container { margin: auto; width: 945px; text-align: left; }

/*-- Header --------------------------------------------------*/
div#header { margin: 20px 0 0 0; height: 113px; }

div#header div#logo { width: 316px; height: 63px; float: left; }
div#header div#logo a { width: 316px; height: 63px; display: block; background: url('images/logo.gif') no-repeat; }
div#header div#logo a span { display: none; }

div#header div.nav { margin: 5px 10px 0 0; float: right; font-size: 10px; text-align: right; }

div#header div.nav ul { margin: 0 0 6px 0; list-style: none; line-height: 10px; }
div#header div.nav ul li  { margin: 0 4px 0 0; padding: 0 6px 0 0; display: inline-block; border-right: 1px solid #125687; }
	div#header div.nav ul li.end { margin: 0; padding: 0 3px 0 0; border: none; }
div#header div.nav ul li a { color: #125687; text-decoration: underline; }
div#header div.nav ul li a:hover { text-decoration: none; }

div#header div.nav input { padding: 2px; vertical-align: middle; border: 1px solid #000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
	div#header div.nav input#username.off { background: url("images/login_user_bg.gif") no-repeat #fff; }
	div#header div.nav input#password.off { background: url("images/login_pass_bg.gif") no-repeat #fff; }
	div#header div.nav input[type='image'] { border: none; }

/*-- Main Navigation -----------------------------------------*/
div#nav_main { margin: 20px 10px 0 58px; height: 30px; font-size: 12px; float: left; clear: both; }
	div#nav_main ul { list-style: none; }
	div#nav_main ul li { margin: 0 1px 0 1px; height: 30px; display: inline-block; background: url('images/nav_bg_repeat.gif') 0 0; }
		div#nav_main ul li:hover { background-position: 0 -30px; }
		
	div#nav_main ul li a { height: 30px; display: block; float: left; color: #125687; background: url('images/nav_bg_left.gif') no-repeat 0 0; }
		div#nav_main ul li a:hover { text-decoration: none; background-position: 0 -30px; }
		
	div#nav_main ul li a span { padding: 8px 10px 7px 10px; display: block; background: url('images/nav_bg_right.gif') no-repeat right 0; }
		div#nav_main ul li a span:hover { background-position: right -30px; }
		
		
	div#nav_main ul li.on { background: url('images/nav_bg_repeat.gif') 0 -60px; }		
	div#nav_main ul li.on a { color: #e1dfd9; background: url('images/nav_bg_left.gif') no-repeat 0 -60px; }		
	div#nav_main ul li.on a span { background: url('images/nav_bg_right.gif') no-repeat right -60px; }

/*-- Bread Crump Navigation ----------------------------------*/
div#bread_crumbs { padding: 10px 0 10px 0; background: #125687; border-bottom: 5px solid #2a6ebc; }
div#bread_crumbs ul { list-style: none; font-size: 11px; color: #c5c5c4; }
div#bread_crumbs ul li { margin: 0 2px 0 2px; display: inline-block; }
div#bread_crumbs ul li a { color: #c5c5c4; }

/*-- Footer --------------------------------------------------*/
div#footer { margin: 25px 0 25px 0; padding: 12px 0 0 0; text-align: center; font-size: 11px; color: #9d986d; font-family: Verdana, Geneva, sans-serif; background: url('images/footer_bg.gif') no-repeat top center; }

div#footer ul { margin: 0 0 8px 0; list-style: none; color: #125687; line-height: 11px; }
div#footer ul li  { margin: 0 13px 0 0; padding: 0 13px 0 0; display: inline-block; border-right: 1px solid #125687; }
	div#footer ul li.end { border: none; }
div#footer ul li a { color: #125687; text-decoration: underline; }
div#footer ul li a:hover { text-decoration: none; }

div#footer img { margin: 8px 0 0 0; }
	
/*-- ClearFix -----------------------------------------------*/
div.clearfix { display: inline-block; } /* IE & Mac */
div.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*-- Buttons ------------------------------------------------*/
div#middle a.btn_orderkit { margin: auto; }
a.btn_orderkit { width: 241px; height: 82px; display: block; background: url('images/btn_orderkit.gif') no-repeat 0 0; }
	a.btn_orderkit:hover { background-position: 0 -82px; }
	a.btn_orderkit span { display: none; }

div#middle div.btns { margin: 25px auto; width: 415px; }
div#middle a.btn_medical_pro { margin: 0 15px 0 0; }

a.btn_medical_pro { width: 200px; height: 68px; display: block; float: left; background: url('images/btn_medical_pro.gif') no-repeat 0 0; }
	a.btn_medical_pro:hover { background-position: 0 -68px; }	
	a.btn_medical_pro span { display: none; }
	
a.btn_consumers { width: 200px; height: 68px; display: block; float: left; background: url('images/btn_consumers.gif') no-repeat 0 0; }
	a.btn_consumers:hover { background-position: 0 -68px; }
	a.btn_consumers span { display: none; }

/*-- Miscellaneous ------------------------------------------*/
div#middle a.btn_orderkit { margin: auto; } 
a.btn_orderkit { width: 241px; height: 82px; display: block; background: url('images/btn_orderkit.gif') no-repeat 0 0; }
	a.btn_orderkit:hover { background-position: 0 -82px; }
	a.btn_orderkit span { display: none; }

div.indent { margin: 0 0 0 20px; }

div.float_l { float: left; }
div.float_r { float: right; }

div.center { text-align: center; }

.cfdebug { clear: both; }

div.share { margin: 10px 10px 13px 10px; }