/*	Main Layout ----------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666; background-color:#fff;
	margin:0; padding:0;
	height:100%; /* this is the key! */
}

#left {
	position:absolute;
	left:0; top:0;
	padding:0; margin:0;
	height:100%;
 /* works only if parent container is assigned a height value */
}

.wrap {
	height:100%; 
}

#right {
	position:absolute;
	right:0; top:0;
	padding:0;
	height:100%; /* works only if parent container is assigned a height value */
}

/*navigation */
.glossymenu{
margin: /*5px*/ 0;
padding: 0;
width: 100%; /*width of menu*/
border:none;
margin-bottom:100px;
}

.glossymenu a.menuitem{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px;
padding-left: 14px;
text-decoration: none;
border-bottom:1px solid #666;
outline:none;
}

img { margin-top:-2px;}

.glossymenu a.menuitem:visited { color:#666; outline:none;}

.glossymenu .menuitem:active {color: #ff7e00; outline:none;}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
/*position: absolute;*/
top: 5px;
right: 5px;
border: none;
float:left;
outline:none;
}

.glossymenu a.menuitem:hover{
background: #f7f7f7; color:#000; outline:none;}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
outline:none;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #fff;
outline:none;
}

.glossymenu div.submenu ul li a{
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #666;
text-decoration: none;
padding: 5px 0;
padding-left: 36px;
background: #DFDCCB;
outline:none;
}

.glossymenu div.submenu ul li a:hover{
color: #666;
background: #d5eff7;
outline:none;
}
/*	Main Content ----------------------------------------------------------- */

div.center {
	width:800px; height:100%;
	padding:0px; 
	margin-left:auto; margin-right:auto; 
}

div.page_layout {
	width:800px; height:100%; 
	background:#fff url(../images/itestglucose_main_bg.gif);
}

div.page_layout div.col1 { float:left; width:192px; margin-left:1px; }

div.page_layout div.col1 div.navigation { width:192px;  }


div.page_layout div.col2 { float:right; width:606px; height:100%; }

div.page_layout div.col2 div.content { 
	width:567px; 
	margin-left:24px; padding-right:14px; 
	margin-top:16px; margin-bottom:20px;
}

div.page_layout div.col2 div.content_left {
	float:left;  
	margin-left:24px; margin-top:16px; margin-bottom:20px;
}

div.page_layout div.col2 div.content_right {
	float:left; 
	width:203px; margin-top:55px; text-align:right;
}


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

div.header {
	width:800px; 
	margin-top:0px; 
}



div.header div.top_nav {
	height:19px; float:right; padding-right:12px;
	background:url(../images/itestglucose_top_bg_nav.gif);
	background-position:left;
}

div.header div.top_nav a {
	color:#FFFFFF; 
	font-size:9px; font-family:Arial, Helvetica, sans-serif; 
	margin-left:16px;
	outline:none;
}

div.header div.top_nav a:hover { text-decoration:none; }


/*	Flash ----------------------------------------------------------- */

div.flash {
	width:800px; 
	height:336px; 
	background:#fff ;
	background-repeat:no-repeat;
	margin:0px; border:none;
}

div.bottom_target 	{
	background:#fff url(../images/itestglucose_animation_target.gif);
	background-repeat:no-repeat;
}

/*	Banners ----------------------------------------------------------- */

div.banners_wrapper { margin-left:8px; margin-top:-80px; margin-bottom:40px; }

/*	Side Downloads ----------------------------------------------------------- */

div.dllinks_wrapper { margin-left:8px; margin-top:-100px; margin-bottom:40px; }


div.dllinks_wrapper div.brochure {margin-left:16px; background:#ccc;}


/*	Product Images ----------------------------------------------------------- */

.kit { 
	background:url(../images/itestglucose_side_products_kit.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

	
.strips_fr { 
	background:url(../images/itestglucose_side_products_strips_fr.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

.strips { 
	background:url(../images/itestglucose_side_products_strips.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

.lancets { 
	background:url(../images/itestglucose_side_products_lancets.jpg);
	background-repeat:no-repeat;
	background-position:top right; height:840px;
	
}

.lancets_fr { 
	background:url(../images/itestglucose_side_products_lancets_fr.jpg);
	background-repeat:no-repeat;
	background-position:top right; height:840px;
	
}


.zero-click { 
	background:url(../images/itestglucose_side_products_zc.jpg);
	background-repeat:no-repeat;
	background-position:top right; 
}

.zero-click_fr { 
	background:url(../images/itestglucose_side_products_zc_fr.jpg);
	background-repeat:no-repeat;
	background-position:top right; 
}


.disq { 
	background:url(../images/itestglucose_side_products_disq.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.ast { 
	background:url(../images/itestglucose_side_products_ast.jpg);
	background-repeat:no-repeat; height:440px;
	background-position:top right;
}

.target { 
	background:url(../images/itestglucose_side_target.jpg); 
	background-repeat:no-repeat; height:340px;
	background-position:top right;
}


/*	Banners on homepage ----------------------------------------------------------- */

div.content div.col1 div.banner_ssurge{ 
	background-image:url(../images/summer_surge_en_banner.jpg); width: 178px;
	height:149px; margin-top:16px;
}

div.content div.col1 div.banner_extendbar{ 
	width: 178px;
	height:149px; margin-top:10px;
}


/*	Free iTest ----------------------------------------------------------- */

div.free_itest_fr {
	background:url(../images/free_itest_bg_fr.jpg);
	width:569px; height:262px; margin-left:-10px;
}

div.free_itest {
	background:url(../images/free_itest_bg.jpg);
	width:569px; height:262px; margin-left:-10px;
}

div.free_itest_list {
	float:left; width:250px; 
	position:relative; top:60px; left:100px;
}

div.free_itest_offer {
	float:right; width:155px; 
	margin-right:15px; position:relative; top:50px; 
	color:#FFFFFF;
}


/*	Speed ----------------------------------------------------------- */

div.speed_bg {
	width:564px; height:453px; 
	background:url(../images/speed_bg.jpg); background-repeat:no-repeat; 
	margin-top:12px; margin-left:-5px;
}

div.speed_bg div.text {margin-left:40px; padding-top:30px;}

div.speed_bg div.text p {line-height:18px; margin-left:0px;}



span.speedtag {
	color:#ff7e00;
	font-size:26px;
	letter-spacing: -1px;
	font-weight:bold;
}

span.speedtag_fr {
	color:#ff7e00;
	font-size:26px;
	letter-spacing: -1px;
	font-weight:bold;
	
}


div.speed_bg span.speedtag2 {
	color:#ff7e00;
	font-size:18px;
	letter-spacing: -0.5px;
	font-weight:bold;
	margin-top:40px; margin-left:260px;
	display:block;
	
}

div.speed_bg span.speedtag2_fr {
	color:#ff7e00;
	font-size:18px;
	letter-spacing: -0.5px;
	font-weight:bold;
	margin-top:40px; margin-left:260px;
	display:block;
	
}


div.speed_bg p {color:#fff;}


/*	WaveSense ----------------------------------------------------------- */

div.ws_bg {
	width:570px; height:543px;
	background:url(../images/ws_bg.jpg); background-repeat:no-repeat; 
	margin-top:12px; margin-left:-2px;
}

div.ws_bg_fr {
	width:570px; height:543px;
	background:url(../images/ws_bg_fr.jpg); background-repeat:no-repeat; 
	margin-top:12px; margin-left:-2px;
}


div.text_gen {
	color:#fff;	font-size:14px;
	font-weight:normal; line-height:20px;
	padding-top:140px; margin-left:28px; margin-right:40px;
}

div.text_gen2 {
	color:#fff; font-size:12px;	font-weight:bold;
	padding-top:200px; margin-left:28px; margin-right:40px;
}

div.text_gen2_fr {
	color:#fff; font-size:12px;	font-weight:bold;
	padding-top:180px; margin-left:28px; margin-right:40px;
}

div.ws_bg p.note { color:#fff; font-size:11px; font-weight:normal; }

p.note_fr { color:#fff; font-size:11px; font-weight:normal; line-height:14px;}


/*	Zero-Click ----------------------------------------------------------- */

div.icon_data {
	display:block; width:60px; height:60px; 
	background:url(../images/icon_data.png);
	position:relative;  top:120px; left:250px;
	}
	
div.zc_order p{ padding-right:25px;}

a.download_zc { 
	background:url(../images/zc_download_btn.png); 
	width:147px; height:47px; display:block; 
	margin-left:-5px;
}
a.download_zc:hover { background:url(../images/zc_download_btn_ov.png); width:147px; height:47px;display:block;
outline:none;}


/*	Lancets page ----------------------------------------------------------- */

div.advantages_blood {
	background:url(../images/advantages_blood.jpg);
	background-repeat:no-repeat;
	width:342px; height:161px; 
	}

div.advantages_blood_fr {
	background:url(../images/advantages_blood_fr.jpg);
	background-repeat:no-repeat;
	width:342px; height:161px; 
	}

div.advantages_blood p.title {
	font-weight:bold; font-size:14px; 
	color:white; text-align:center; 
	margin-top:0px; padding-top:10px;
}

div.advantages_blood_fr p.title_fr {
	font-weight:bold; font-size:11px; 
	color:white; text-align:center; 
	margin-top:0px; padding-top:10px;
}

div.advantages_blood p, div.advantages_blood_fr p { margin-top:100px;text-align:center; color:#666; font-size:12px;}

/*	Bottom Panels ----------------------------------------------------------- */
span.disq_steps {display:block; margin-bottom:20px;}

/*	Bottom Panels ----------------------------------------------------------- */

div.panels {
	height:144px; 
	width:800px; background:url(../images/panels_bg.gif);
	background-repeat:no-repeat;
}

div.panels div.itest_disq {
	width: 178px; height:120px; float:left; 
	margin-left:16px; margin-top:14px;
	
}


div.panels div.free_info input.email {
	width: 130px; font-size:11px;
}



div.panels div.zero-click {
	width: 338px; height:100px; float:left;
	margin-left:14px; margin-top:10px; 
	background-image:url(../images/bottom_zc.png); background-repeat:no-repeat;
}

div.panels div.zero-click_fr {
	width: 338px; height:100px; float:left;
	margin-left:14px; margin-top:10px; 
	background-image:url(../images/bottom_zc_fr.png); background-repeat:no-repeat;
}

div.panels div.zero-click a, div.panels div.zero-click_fr a { 
	display: block; background-image:url(../images/arrow.gif);
	background-repeat:no-repeat; position:relative; top:88px; left:5px;
	padding-left:14px; height:20px; background-position:0px 2px;
	color:#000; font-weight:normal; outline:none;}
	
div.panels div.zero-click a:hover, div.panels div.zero-click_fr a:hover { text-decoration:none; color:#666666;} 
	


div.panels div.products {
	width: 224px; height:120px; float:left;
	margin-left:20px; margin-top:20px; 
}

input.button_recommend { 
	height:26px;  width:26px; margin-top:-23px; margin-right:60px;
	border:1px solid #666; 
	background:#ccc url(../images/btn.png); background-repeat:none;
	background-position:0 0;
	display:block;  outline:none; float:right; 
	/*margin-left:140px; top:75px; position:relative;*/
}

div.panels div.recommend input.email_recommend {font-size:11px; width: 130px; }
input.button_recommend:hover {  cursor:pointer;  outline:none; background-position:0 -24px;}


/*	Footer ----------------------------------------------------------- */

div.footer {
	width:800px; padding-top:3px; text-align:center; color:#fff; 
	background:url(../images/bg_footer_corner.gif); background-position:bottom left; 
}

div.footer a { color:#FFFFFF; font-size:11px; font-weight: normal; outline:none;}
div.footer a:hover { text-decoration:underline;}

div.footer a.copyright { color:#FFFFFF; font-size:11px; font-weight: bold; padding:10px; display:block; outline:none;}
div.footer a.copyright:hover { text-decoration:none;}



/*	Items ----------------------------------------------------------- */

div.more_WS {z-index:3; float:right; margin-top:310px; margin-right:60px; color:#008ecf; border-top:1px solid #ccc; }

div.more_WS a {color:#008ecf; font-weight:bold; outline:none;}
div.more_WS a:hover {color:#008ecf; font-weight:bold; text-decoration:none;}


a {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
font-weight:normal;
text-decoration:none; outline:none;
}

a:hover { text-decoration:underline;}

a.discover {
font-family: Arial, Helvetica, sans-serif;
color:#ff7e00;
font-size:12px;
font-weight:bold;
text-decoration:none;outline:none;
}

a.discover:hover { text-decoration:underline;}

a.download {
display:block;
background:url(../images/orange_download.png);
background-repeat:no-repeat;
padding-left:22px; padding-top:2px;
color:#757575;
font-size:11px;
text-decoration:none;outline:none;
}

a.download:hover { color:#333; text-decoration:none;}

a.go {
display:block;
background:url(../images/play.png);
background-repeat:no-repeat;
padding-left:22px; padding-top:2px;
color:#757575;
font-size:11px;
text-decoration:none;outline:none;
}

a.go:hover { color:#333; text-decoration:none;}

a.specs {
display:block;
background:url(../images/orange_specs.png);
background-repeat:no-repeat;
padding-left:22px; padding-top:2px;
color:#757575;
font-size:11px;
text-decoration:none;outline:none;
}

a.specs:hover { color:#333; text-decoration:none;}


h1 {  
color:#ff7e00;
font-size:18px;
letter-spacing: -1px;
font-weight: none;
}

h2 {  
color:#8d8d8d;
font-size:18px;
letter-spacing: -1px;
font-weight: none;
margin-top:6px;
}

h3 {  
color:#707070;
font-size:11px;
font-weight: bold;
margin-top:6px;
display:block;
border-bottom:1px solid #ccc;
}


p {line-height:20px; }

.first { margin-top:16px; }

p.ws_text {
margin-left:10px;
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
}

span.subtitle2 {font-family: Arial, Helvetica, sans-serif;
color:##ff7e00;

font-size: 16px;
letter-spacing: 0px;}

span.subtitle {font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-weight:bold;
font-size: 16px;
letter-spacing: -1px;}

span.subtitle_orange {
font-family:Arial, Helvetica, sans-serif;
color:#ff7e00;
font-size:14px;
letter-spacing: -1px;
font-weight:bold;
}

p.underarrow {margin-left:20px; line-height:14px; margin-top:4px;}

p sup {background:url(../images/p_sup_mc.gif); width:11px; height:7px; display:inline-block;}
sup.footer {background:url(../images/footer_sup_mc.gif); width:11px; height:7px; display:inline-block;}


/*	From Old ------------------------------------------------------------------------------------------ */

.features {
font-family: Arial, Helvetica, sans-serif;
color:#ff7e00;
font-size:11px;
text-decoration: none;
font-weight: normal;
padding-left: -10px;
}

.coupon {
font-family: Arial, Helvetica, sans-serif;
color: #444444;
font-size:11px;
line-height: 12px;
}

.coupon_features {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:11px;
line-height: 16px;
padding-left: -15px;
}

.coupon_machine {
padding-left: 95px;
}


.main_text {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
line-height: 14px;
text-decoration: none;
}

.main_text_title {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-weight:bold;
font-size:14px;
letter-spacing: -0.5px;
line-height:20px;
}

.discover_subtitle {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-weight:bold;
font-size:14px;
letter-spacing: -1px;
border-bottom:1px solid #ccc;
width:100%; display:block;
}


div.contact_form {
background-image:url(../images/gray.gif);
width:343px; height:350px; font-size:11px; 
/*margin-left:-16px; margin-top:10px;*/
}

div.contact_form2 {
background-image:url(../images/gray2.gif);
width:343px; height:450px; font-size:11px; 
/*margin-left:-16px; margin-top:10px;*/
}

.privacy {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
line-height: 14px;
padding-left: 20px;
padding-right: 20px;
text-align:justify;
}

.privacy_title {
font-family: Arial, Helvetica, sans-serif;
color:#ff7e00;
font-size:11px;
font-weight: none;
}

.priv:link {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
font-decoration: underline; outline:none;
}

.priv:visited {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
font-decoration: underline; outline:none; 
}

.priv:hover {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
font-decoration: underline;
}

#interactiveWrapper {
width: 566px;
height: 315px;
background-image:url(../images/bg_interactive.gif);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-weight:bold;
font-size:12px;
}

#interactiveLeft {
width: 176px;
height:315px;
float: left;
}

#interactiveRight {
width: 390px;
height: 315px;
float: left;
}

#interactivePanel_l {
width: 115px;
height: 140px;
float: left;
background-image: url(../images/bgInteractivePanel.gif);
background-repeat:no-repeat;
margin: 5px 5px 0px 0px;
padding: 5px 5px 5px 5px;
}

#interactivePanel_r {
width: 115px;
height: 140px;
float: left;
background-image: url(../images/bgInteractivePanel.gif);
background-repeat:no-repeat;
margin: 5px 0px 0px 0px;
padding: 5px 5px 5px 5px;
}

.panelTitle {
display: block;
height:18px;
}

.panelTitle2 {
display: block;
height:36px;
}

.panelContent {
display: block;
font-size: 10px;
font-weight: normal;
height:112px;
}

.panelContent2 {
display: block;
font-size: 10px;
font-weight: normal;
height:94px;
}

.panelFoot {
display: block;
height:10px;
}

#interactiveFlash {
width: 174px;
height:313px;
/* margin: 1px 1px 1px 1px; */
background-color: #fff;
}

.formulaire {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
padding-left: 15px;
}

.dots {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
}

.odots {
font-family: Arial, Helvetica, sans-serif;
color:#ff7e00;
font-size:11px;
letter-spacing:normal;
font-weight:normal;
}

.form_input {
background-color: white;
border: 1px solid #757575;
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
height: 18px;
width: 205px;
margin-top:5px;
margin-left:18px;
}

.form_area {
background-color: white;
border: 1px solid #757575;
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
height: 44px;
width: 205px;
position:relative;
left:14px;
}

#verif_box {
padding:2px; border:1px solid #757575; width:65px; 
height:18px; margin-left:18px;}

.form_btn {
font-family: Arial, Helvetica, sans-serif;
color: #666;
background:#ccc;
border: 1px solid #757575;
font-size:11px;
width: 95px;
height:28px;
margin-top:5px;
margin-right:8px;

}

.form_btnf {
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-size:11px;
width: 75px;
}

.contact_bg {
background-image:url(../images/contact_bg.gif); 

height:14px;
text-align:left;
}

p.note {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
}

p.note2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#fff;
	margin-top:60px; margin-left:620px;
}

p.click_enlarge {color:#ff7901; font-size:10px; font-weight:bold;}

h1 sup {font-size:10px; font-weight:bold;}

form {float:right; width:224px; margin:0px; padding:0px;}
fieldset {height:20px; border:none;}
label {float:left; font-size:11px; font-weight:bold; display:block; width:95px; color:#666;}
input.email {height:16px; background:#eee; width:80px;float:left; border:1px solid #333; font-size:9px; margin-left:3px; padding-left:3px; display:block;}
input.button{background:url(images/orange_ok.gif); width:18px; height:18px; border: none; outline:none;float:right; margin-top:1px; }
input.button:hover {background-position: 0 0;}



table popup-table {border:2px solid red;}

.reg_input {
font-family: Arial, Helvetica, sans-serif;
color:#757575;
font-size:11px;
height: 14px;
border: 1px solid #555;
}

td.texte {font-family: Arial, Helvetica, sans-serif;
color:#000;
font-size:11px; }

td.texte span {color:#ff7e00; font-size:12px; font-weight:bold;}
p.info {color:#ff7e00; font-weight:bold; }

/*	Other/Hacks ----------------------------------------------------------- */


	.hide { display:none; }
	.fleft { float:left; }
	.clear { clear:both; display:block; }
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

	.clearfix { display:inline-block; }
	/* Hide from IE Mac \*/
	
	.clearfix { display:block; }
	/* End hide from IE Mac */

	* html .clearfix { height:1px; } /*IE6*/