/*--------------------- Last Modified --> 2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,/*table,*/tr,td { margin:0;padding:0; }
/*table{ border-collapse:collapse; }*/
fieldset,img,a img,:link img,:visited img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
/*q:before,q:after {content:'';}*/

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:#dee0ec url("../images/bg-body.jpg") top repeat-x;
	text-align:center; 
	font:14px/16px Verdana, Arial, Helvetica, sans-serif; 
	color:#544f49;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#0d4a87; }
h3	{ font-size:1.0em; color:#000; }
h4	{ font-size:1.0em; color:#0d4a87; }
h4#glucemia-normales {font-weight: normal; }
span.heading-bold { font-size: 1.1em; font-weight: bold; }
h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited { color:#0000CC; text-decoration:none; }
a:hover,a:active { color:#0000CC; text-decoration:underline; }

sup { font-size:.70em; line-height: 6px; }

/* ------------------------ classes ------------------------ */

.clear { clear: both; }

div.clear	{ 
	height:.01em; 
	clear:both;
	overflow:hidden; 
	}
p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.gif") right no-repeat;
	}
img.img-left { float:left; margin:0px 0px 0px 0px; }

img.img-right { float:right; margin:0px 0px 0px 0px; }

p.disclaimer-index {font-size: .95em; padding: 12px; border: 1px solid #000; font-weight: bold; }
div.boxed { padding: 12px; border: 1px solid #000; font-weight: bold; color: #000; margin:0px 30px 10px 17px; }
.big { font-size: 1.3em;}
.small{ font-size: 10px; }
.greaterSpace { line-height: 130%; }

#required { color: #FF6600; }
.indent {  padding-left: 10px; padding-left: 10px; }
.tableHead { color: #FFFFFF; font-weight: bold; background-color: #0065a4; padding-left: 5px; }
.tablePad { padding-left: 5px; padding-right: 5px; }
.tableBorder { border: #7BC143 1px solid; }
/* ------------------------ form elements ------------------------ */

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("../images/bg-wrap.jpg") repeat-y;
	width:869px;	/*main width*/
	margin:0 auto;
	text-align:left;
	margin-top: 10px;
	line-height: 115%;
	}
#bottom-wrap {
	background:url("../images/bottom-wrap.jpg") bottom no-repeat;
	width:869px;
	margin:0 auto;
	padding-bottom: 33px;
	background-position: left;
	}
/* ------------------------ column-left framework ------------------------ */
#column-left { width:270px; float:left; }

	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul { margin:0px 20px 10px 60px; }
	#column-left .safety-info{ font-weight: bold; }

/* ------------------------ column-right framework ------------------------ */
#column-right { width:590px; float:left; }

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right h4, #column-right ul, #column-right dl {
		margin:0px 30px 10px 17px; 
		}

	/* single column list */
	#column-right ul { padding-left:25px; }
		#column-right ul li { list-style: disc; }
	#column-right ul li ul { padding-left:15px; }
		#column-right ul li p { margin: 0px 0px 5px 0px; }

	#column-right ul.anchor-list { padding-left:0px; }
		#column-right ul.anchor-list li { list-style:none; line-height: 17px; }

	/* definition list */
	#column-right dl { padding-left:5px; }
		#column-right dl dt {
			font-weight:bold;
			color:#000;
			list-style-type:circle;
			margin-top: 4px;
			}
		#column-right dl dd.topic { list-style: none; margin-left:5px; }
		#column-right dl dd {
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			list-style-type: square;
			margin-left:5px;
			}
/* ------------------------ header framework ------------------------ */
#header-graphic { height:396px; padding-top: 19px; background:url("../images/header-graphic.jpg"); } /* sets height for all non-flash headers */

/* ------------------------ subhead framework ------------------------ */
#subhead { height:80px; } /* sets height for all subheads */
	body#index #subhead { background:url("../images/subhead-index.jpg"); }
	body#patient #subhead { background:url("../images/subhead-patient.jpg"); }
	body#safety #subhead { background:url("../images/subhead-safety.jpg"); }
	body#physician #subhead { background:url("../images/subhead-physician.jpg"); }
	body#diabetes #subhead { background:url("../images/subhead-diabetes.jpg"); }
	body#SCOT #subhead { background:url("../images/subhead-SCOT.jpg"); }
	body#discount #subhead { background:url("../images/subhead-discount.jpg"); }
	body#espanol #subhead { background:url("../images/subhead-espanol.jpg"); }
	body#links #subhead { background:url("../images/subhead-links.jpg"); }
	body#contact #subhead { background:url("../images/subhead-contact.jpg"); }

/* ------------------------ subhead framework with varying heights ------------------------ */
#column-right p.contact-labels {
	width:245px;
	float: left;
	margin: 10px 5px 10px 17px;
	text-align: right;
	font-weight:bold;
	}
#column-right p.contact-info {
	width: 200px;
	float: left;
	text-align: left;
	margin: 10px 30px 10px 5px;
}

/* ------------------------footer framework ------------------------ */
#footer {
	width:860px;
	margin:0 auto;
	text-align:center;
	padding-top: 20px;
	line-height: 100%;
	}

#footer p { color:#544f49; margin-bottom:10px; }
#footer a:link, #footer a:visited { color:#544f49; }
#footer a:hover, #footer a:active { color:#544f49; text-decoration: none; }

#footer ul { margin-bottom:10px; }
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #544f49;
		}
	#footer li.first { border: none; }

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
/* ------------------------ vertical sprite nav ------------------------ */
#column-left #nav {
	background:url("../images/nav.jpg") top left no-repeat;					
	width:235px;	/* Width of buttons, not entite image (or half of entire image) */
	height:456px;	 /* Height of entire image */
	margin:0;
	padding:0 0 0 35px;
	}

#column-left #nav li span { display: none; }

#column-left #nav li { float:left; list-style:none; position:relative; padding-left: 0px;}

#nav li, #nav a { 
	height:24px;	/* Each button must have the same height, define it here */
	display:block;
	}
#nav li#nav-01, #nav li#nav-01 a { 
	height:128px;	/* Each button must have the same height, define it here */
	display:block;
	}
/* margin-top to set where the nav should begin */
#nav-01 { margin-top:37px; width:235px; }

/* margin-top if there is a spacing between each nav button */
#nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08, #nav-09, #nav-10, #nav-11 { margin-top:0; width:235px; }

/*#nav-01 a:hover { background:url("../images/nav.jpg") -305px  -37px no-repeat; }*/
#nav-02 a:hover { background:url("../images/nav.jpg") -305px -165px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -305px -189px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -305px -213px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -305px -237px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -305px -261px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -305px -285px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -305px -309px no-repeat; }
#nav-09 a:hover { background:url("../images/nav.jpg") -305px -333px no-repeat; }
#nav-10 a:hover { background:url("../images/nav.jpg") -305px -357px no-repeat; }
#nav-11 a:hover { background:url("../images/nav.jpg") -305px -381px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
body#index #nav-02 { background:url("../images/nav.jpg") -305px -165px no-repeat; }
body#patient #nav-03 { background:url("../images/nav.jpg") -305px -189px no-repeat; }
body#safety #nav-04 { background:url("../images/nav.jpg") -305px -213px no-repeat; }
body#physician #nav-05 { background:url("../images/nav.jpg") -305px -237px no-repeat; }
body#diabetes #nav-06 { background:url("../images/nav.jpg") -305px -261px no-repeat; }
body#SCOT #nav-07 { background:url("../images/nav.jpg") -305px -285px no-repeat; }
body#discount #nav-08 { background:url("../images/nav.jpg") -305px -309px no-repeat; }
body#espanol #nav-09 { background:url("../images/nav.jpg") -305px -333px no-repeat; }
body#links #nav-10 { background:url("../images/nav.jpg") -305px -357px no-repeat; }
body#contact #nav-11 { background:url("../images/nav.jpg") -305px -381px no-repeat; }

/* ------------------------ Text Size sprite nav ------------------------ */

li#fontSize-01, li#fontSize-01 a, li#fontSize-03, li#fontSize-03 a{ height:39px; width: 40px; }
li#fontSize-02, li#fontSize-02 a{ height:39px; width: 85px; }

li#fontSize-01 { margin-top:10px; margin-left: 35px; display: inline; }
li#fontSize-02 { margin-top:10px; margin-left: 0px; display: inline;}
li#fontSize-03 { margin-top:10px; margin-left: 0px; display: inline;}

li#fontSize-01 a:hover { background:url("../images/nav.jpg") -339px -415px no-repeat; }
li#fontSize-03 a:hover { background:url("../images/nav.jpg") -464px -415px no-repeat; }

/*-------------------- Header Buttons ----------------------------*/

#column-right #header-btns { 
	width:570px; 
	height:46px; 
	margin:0 ;
	padding:0; 
	}

#header-btns span { display: none; }

#column-right #header-btns li, #header-btns a { height:46px; display:block; padding: 0px; } /* change height here also */

#column-right #header-btns li { float:left; list-style:none; display:inline; position:relative; }
           
#header-btns-01 { width: 207px; }
#header-btns-02 { width: 168px; }
#header-btns-03 { width: 195px; }

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#header-btns-01 a:hover { background:url("../images/header-btns-over.jpg")  -0px 0px no-repeat; }
#header-btns-02 a:hover { background:url("../images/header-btns-over.jpg") -207px 0px no-repeat; }
#header-btns-03 a:hover { background:url("../images/header-btns-over.jpg") -375px 0px no-repeat; }