/* 	
	Theme Name: Advanced Diabetes Solution	
	Author URI: http://www.qzcreative.com	
	Version: 1.0							
	Revision: 2010.03						
	Description: 							
	(c)2010 QZ Creative	
*/					


/* ////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////
reset	*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
td{ padding:5px;}
table.tbl{ width:960px; margin:0 auto;}
table.tbl td{ padding:5px; border:1px solid #996600;}
body {
	line-height: 1;
}
ol, ul {
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////
Basic HTML	*/

body {
	background:#fff url(../images/global/bg_main.jpg) repeat-x center top; border: 0; 
	margin: 0; 
	padding: 0; 
	font-family: tahoma, arial, sans-serif; 
	font-size: 12px; 
	color: #666;
}

/* Mini Defaults */
.alt, .preload, .hide {
	display: none;
}
.debug {
	border: 1px dotted red; 
	background-color: yellow;
}
.center {
	text-align: center;
}
.item {
	margin-bottom: 2em;
}
.strong {
	font-weight: bold; margin-right: .5em; color: #069;
}
.clear {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.L {
	float: left;
}
.R {
	float: right;
}
.half {
	width: 48%;
}

/* Font Defaults */
h1, h2, h3, h4, p, li, ul, ol {
	margin: 0; 
	padding: 0; 
	border: 0;
}
h1 {font-size: 200%;}
h2 {font-size: 150%;}
h3 {font-size: 130%; margin-bottom: .5em;}
h4 {font-size: 100%; margin-bottom: 1em;}
p {font-size: 100%; margin-bottom: 1em;}
ul, ol, li, 
dl, dt, dd {font-size: 100%; margin-bottom: 1em;}
ul {list-style: none;}
ul .productcontent{list-style: disc; padding: 4; margin-left: 1em;}
ol {margin-left: 2em;}
li {margin-bottom: 1em;}
img {display: block; padding: 0; margin: 0; border: 0;}
form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: 0;}
table {position: relative; width: 100%; margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse;}
tr {vertical-align: top;}
hr {text-align: center; color: #ccc; width: 95%; height: 85%;}
.twocol td {width: 50%;}
.threecol td {width: 33%;}
.fourcol td {width: 25%;}
.fivecol td {width: 20%;}
caption {display: none;}

a:link, a:visited {color: #1a88ff;}
a:active {color: #ffab40;}
a:hover {text-decoration: none;}

.pdf a {background: url(../images/icons/pdf.gif) 0 0 no-repeat; padding-left: 20px;}
.external a {background: url(../images/icons/external.gif) no-repeat 0 2px; padding-left: 15px;}

/* Text-Wrapping images */
.picture {position: relative; padding: 5px 0; margin: 0; margin-bottom: 2em; border: 0;}
.picture.left {float: left; padding: 0; margin: 0 10px 01em 0;}
.picture.right {float: right; padding: 0; margin: 0 0 1em 10px;}
.picture img {border: 0;}
.picture {position: relative; padding: 5px 0; margin: 0; margin-bottom: 2em; border: 0;}


/* Others */
.ornate {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style:italic;
	font-size:14px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 0;
	}
.ornate2 {
	font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;font-size:14px;border-top:1px solid #ccc;padding:10px 0 0 0;
	}

dl {
	width:420px;
	padding:0;
	overflow: hiden;
	}
 dt {
	width:420px;
	margin-bottom:0.2em;
	font-weight: 600; 
	}
 dd {
	font: italic 100% Georgia,Times,sans-serif; 
	line-height:16px;
	width:420px;
	}	
dd.description {
	}
.space {clear:both;margin:0;padding:0;height:20px;width:100%;}
.space-10 {clear:both;margin:0;padding:0;height:10px;width:100%;}



/* ////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////
ALL BOXES CLASS */


/* Main Page Container */
.outerdiv {position: relative; width: 100%; padding-bottom: 10px; border: 0; text-align: center;}
.bodyframe {width: 960px; margin:0 auto;background:gray;}

/* Grid Column Layout */
.grid {position: relative; width: 100%; padding: 0; margin: 0; border: 0; clear: both;}
.grid .L {float: left; position: relative; padding: 0; margin: 0; border: 0;}
.grid .M {float: left; position: relative; padding: 0; padding-bottom: 3em; margin: 0; border: 0; 
margin-left: 10px;}
.grid .R {float: right; position: relative; padding: 0; margin: 0; border: 0;}
.grid .thin {width: 280px; margin-top: 10px; height: 100%;}
.grid .medium {width: 460px;}
.grid .wide {width: 610px;}
.grid .wider {width: 640px;}
.grid .wideL2 {width: 670px; margin-top: 10px;}
.grid .navL2 {width: 160px; margin: -20px 10x 0 10px;}

.row {width:660px;
	}



/* header 
#header {position: relative; width: 100%; height: 90px; background: #fff url(../images/backgrounds/logo.gif') 14px 20px no-repeat; margin: 0; margin-bottom: 10px; padding: 0; border: 0;}
#header .homelink img {position: absolute; left: 14px; top: 19px; width: 260px; height: 60px; border: 0; z-index: 
1;}
#header .callus {position: absolute; right: 0; bottom: 0px; color: #444; font-weight: bold; font-size: 
130%;}



/* Top Links, in header 
.toplinks {float: right; clear: both; width: 400px; height: 40px; text-align: right; margin: 0; margin-top:10px; padding: 0; border: 0; line-height: 40px;}
.toplinks ul {float: left; width: 48%; position: right;}
.toplinks ul li {display: inline; line-height: 40px; font-size: 90%;}
.toplinks ul a:link, .toplinks ul a:visited {color: #999; margin: 0; padding: 0; text-decoration: none;}
.toplinks ul a:hover {text-decoration: underline;}

.toplinks form {float: right; margin: 0; padding: 0; width: 48%; height: 40px; position: relative;}
.toplinks fieldset {padding: 0; margin: 0;}
.toplinks form .searchfield {margin-right: 36px;}
.toplinks form .button {position: absolute; bottom: 20px; top: 5px; right: 0; width: 30px; height: 40px; margin-left: 20px; 
}


#nav {position: relative; width: 100%; height: 32px; background: #fff }


/* L1 Navigation 
#navL1 {width: 100%; height: 32px; border: 0; margin: 0; padding: 0;}
#navL1 ul {border: 0; margin: 0; padding: 0; width: 100%; height: 32px; text-align: center;}
#navL1 a:link, #navL1 a:visited {display: block; width: 171px; border: 0; padding: 0; margin: 0; margin-right: 
1px; background: transparent url(../images/nav/L1-link.gif') repeat-x 0 center; color: #fff; text-decoration: 
none;}
#navL1 a:hover {background-image: url(../images/nav/L1-hover.gif);}
#navL1 a:active {background-image: url(../images/nav/L1-active.gif); color: #efefef;}
#navL1 li {font-family: arial; text-align: center; display: inline; line-height: 32px; float: left;  
font-weight: bold; font-size: 130%; border: 0; margin: 0; padding: 0;}


^/








/* ////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////
header	*/

.wrapHeader { background:url(../images/global/bg_header.jpg) no-repeat scroll -100px top; height:110px; margin:0 auto;}

#header { height:110px;margin:0 auto;overflow:hidden; color:#fff; }
#header a { display:block; overflow:hidden; text-indent:-1000px; }
#header a.ads_logo { background:url(../images/global/ADS_LOGO.png) no-repeat left top;float:left;  height:43px; width:280px; margin-top:10px; }

#header .links { float:left; width:300px; font-size:100%; color:#0066cc; text-align:left; margin:18px 0 5px 0;}
#header .links a { color:#0066cc; display:inline; text-indent:0; border-left:solid 1px #999999; text-decoration:none; padding:0 20px; }
#header .links a:hover { text-decoration:underline; }
#header .links a.home { background:url(../images/global/icon_home.png) no-repeat left 50%; border:none; padding-left:20px; }
#header .links a.order { background:url(../images/global/icon_order.png) no-repeat left 50%; border:none; padding-left:20px; }
#header .links a.contact { background:url(../images/global/icon_contact.png) no-repeat left 50%; border:none; padding-left:20px; }
#header .links a.first { border:none; } 

#header form { float:right;background:none;border:0 }
fieldset {  }
#header #search { float:left; margin:15px 0 0 0; padding:0;border:1px solid #a5a5a5;width:200px;background:#fff;height:25px;} 
#header #search input { float:left; height:14px; overflow:hidden; width:195px; background:#fff;padding: 5px;color:#666; }
#header #search input#searchBtn { width:16px; height:16px; border:none; padding:3px; position:relative; right:-185px; top:-23px;}

#header .txtSize { float:left; width:380px; height:80px;font-size:100%; color:#0066cc; text-align:left; margin:35px 0 5px 0;}
#header .txtSize a { color:#0066cc; display:inline; text-indent:0; border-left:solid 1px #0066cc; text-decoration:none; padding:20px 32px;}
#header .txtSize .share { background:url(../images/global/icon_share.png) no-repeat left 50%; border:none; padding-left:38px;}
#header .txtSize .email { background:url(../images/global/icon_email.png) no-repeat left 65%; border:none; padding-left:38px;}
#header .txtSize .print { background:url(../images/global/icon_print.png) no-repeat left 60%; border:none; padding-left:38px;}
#header .txtSize .decreaseFont { background:url(../images/global/icon_txtsmall.png) no-repeat left 60%; border:none; padding-left:0px;margin-left:0;}
#header .txtSize .increaseFont { background:url(../images/global/icon_txtlarge.png) no-repeat left 60%; border:none; padding-left:3px;margin-right:0;}



/* ////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////
nav	*/

#navWrapper { width:1020px; height:40px; margin-left:auto; margin-right:auto; padding:0; background:url(../images/global/bg_wrap_nav.png) no-repeat center top; font-size:100%; font-weight:bold; overflow:hidden; }
#nav ul.main { margin:0;padding:0;}
#nav .main li { float:left; text-align:center; }
#nav ul .last { background:url(../images/global/navDiv.gif) no-repeat right top; }

/* Stacy modified to reduce padding for US sitemap */
#nav ul li a { display:block; width:192px; height:40px; overflow:hidden; color:#fff; text-transform:uppercase; text-decoration:none;text-align:center;line-height:40px; } 
#nav ul li a:hover, #nav ul .over a, #nav ul .selected { background:url(../images/global/nav_02.png) no-repeat left top; color:#0066cc; }
#nav ul li a .contact { display:block; width:192px; height:40px; overflow:hidden; color:#fff; text-transform:uppercase; text-decoration:none;text-align:center;line-height:40px; } 
#nav ul li a:hover #contact {color:#0066cc; }
#nav .main li ul li { text-align:left; }

/* clear nav floats */
#nav ul:after, #nav ul ul li:after { content:"."; display:block; height:1px; clear:both; visibility:hidden;}
#nav ul.main li li { float:none; }

/* specific widths for nav:MUST ADD UP TO 980px /// note 40px padding added to each nav item */
#nav1 a { width:192px; }
#nav2 a { width:192px; }
#nav3 a { width:192px; }
#nav4 a { width:192px; }
#nav5 a { width:192px; }
#nav6 a { width:192px; }
#nav1 li a, #nav2 li a, #nav3 li a, #nav4 li a, #nav5 li a, #nav6 li a { width:100%; }

/* nav thumbs start 32px from top; use h3 with class hidden for filling blank space with no header columns */
#nav h3 { position:relative; color:#343434; font-size:100%; font-weight:bold; text-transform:uppercase; height:2.5em; margin-bottom:3px; overflow:hidden; }
/*#nav h3 span { position:absolute; top:0; display:block;}*/
#nav h4 { color:#0066CC; font-size:100%; font-weight:bold; margin:5px 0; }
#nav ul ul { position:absolute; padding:0; margin-left:1px; overflow:visible; left:-3000px;}
/* this needs a fix so it displays in IE6 */
#nav ul ul li { background:url(../images/global/bgSubnavRight.jpg) no-repeat right bottom; }
#nav .div1 { width:201px; }
#nav .div1 .bottom { width:191px; }
#nav .div2 { width:386px; }
#nav .div2 .bottom { width:376px; }
#nav .div3 { width:571px; }
#nav .div3 .bottom { width:561px; }
#nav .div4 { width:756px; }
#nav .div4 .bottom { width:746px; }
#nav .div5 { width:937px; }
#nav .div5 .bottom { width:927px; }

/* stacy added 2px to right side and changed left to 13 instead of 15 for ie 6 issue */
#nav .subnav { float:left; border-left:solid 1px #848384; border-top:solid 1px #; padding:15px 0px 6px 5px; margin:0; background:#fff ; }
#nav .subnav li { background:none; }
#nav ul ul li li { min-height:0;} /* fixes 3rd level li to align with bullets */
#nav ul ul ul { position:relative; background:none; margin-top:5px; width:145px; } /* make 3rd-level list position relative */

/* remove margin from links only dropdown */
#nav #sub6 ul { margin-top:0; }
#nav .subnav p { font-weight:normal; margin-bottom:5px; }
#nav ul li .subnav a { display:inline; padding:0; margin:0; background:none; text-transform:none; color:#0066cc; text-align:left;}
#nav .subnav div { float:left; width:175px; margin:0 5px; background:url(../images/global/bgSubnavDiv.jpg) no-repeat left top; }

/* remove margin from links only dropdown */
#nav .subnav div div { float:none; width:145px; padding:0 15px; margin:0 auto; background:url() no-repeat left bottom; }
#nav .subnav div ul { float:none; padding-left:0; padding-bottom:0px; list-style:none outside; }

/* 145px - 8px spacing for bullet image = 137px width */
#nav .subnav div ul li { width:137px; background:url(../images/global/bulletArrow.gif) no-repeat right .5em; }
#nav .subnav div ul li a { display:block; text-transform:none; height:auto; font-weight:normal; font-size:100%; margin:0px;background: none; padding: 0; color: #0066cc; text-decoration: none; width:135px; line-height:20px; }
#nav .subnav div ul li a:hover, #nav ul li .subnav a:hover { text-decoration: underline; }
#nav .right { float:left; width: 6px; height: 1px; background-color: #848384; }
#nav .bottom { clear:both; float:none; height: 10px; background: url(../images/global/bgSubnavBotLeft.png) no-repeat left top; overflow:hidden; }
#nav ul.main ul { z-index: 1; }










/* Navigation L1 - "Current Page" */
body#home #navL1 .home a,
body#about #navL1 .about a,
body#join #navL1 .join a, 
body#products #navL1 .products a, 
body#payment #navL1 .payment a, 
body#learning #navL1 .learning a, 
body#foo #navL1 .foo a, 
body#foo #navL1 .foo a {background-image: url(../images/nav/L1-curr.gif); color: #fff; cursor: text;}


/* ////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////
Verticle nav */


.navL2 {position: relative; background: #fff no-repeat 0 0; 
text-align: center;}
.navL2-bot {position: absolute; border: 0; bottom: 0; left: 0; width: 100%; height: 6px; margin: 0; padding: 0; 
background: transparent no-repeat 0 bottom; clear: both;}

.navL2 .item {position: relative; width: 160px; padding: 5px 0; margin: 10px auto; background: #fff 
 no-repeat center 0; color: #69c; text-align: left;}
.navL2 .item-bot {position: absolute; border: 0; bottom: 0; left: 0; width: 100%; height: 7px; margin: 0; 
padding: 0; background: transparent no-repeat left bottom;}

.navL2 ul {width: 150px; margin-left: 5px;}
.navL2 li {margin: 5px 0; line-height: 23px;}
.navL2 a:link, .navL2 a:visited {background: transparent url(../images/nav/L2-link.gif) no-repeat 0 0; color: #fff; text-align:right; display: block; height: 26px; text-decoration: none; padding-right: 10px;}
.navL2 a:hover {background-image: url(../images/nav/L2-hover.gif);}
.navL2 a:active {background-image: url(../images/nav/L2-active.gif);}




/* Navigation L2 - "Current Page" */

#aboutus .navL2 .aboutus a:link, #aboutus .navL2 .aboutus a:visited, 
#mission .navL2 .mission a:link, #mission .navL2 .mission a:visited, 
#testimonials .navL2 .testimonials a:link, #testimonials .navL2 .testimonials a:visited, 
#joint .navL2 .joint a:link, #joint .navL2 .joint a:visited, 
#press .navL2 .press a:link, #press .navL2 .press a:visited, 
#contact .navL2 .contact a:link, #contact .navL2 .contact a:visited, 

#supplies .navL2 .supplies a:link, #supplies .navL2 .supplies a:visited, 
#footwear .navL2 .footwear a:link, #footwear .navL2 .footwear a:visited, 
#data .navL2 .data a:link, #data .navL2 .data a:visited, 
#cpap .navL2 .cpap a:link, #cpap .navL2 .cpap a:visited, 
#other .navL2 .other a:link, #other .navL2 .other a:visited, 
#order .navL2 .order a:link, #order .navL2 .order a:visited, 




#benefits .navL2 .benefits a:link, #benefits .navL2 .benefits a:visited, 
#visually .navL2 .visually a:link, #visually .navL2 .visually a:visited, 
#faq .navL2 .faq a:link, #faq .navL2 .faq a:visited, 

#overview .navL2 .overview a:link, #overview .navL2 .overview a:visited, 
#video .navL2 .video a:link, #video .navL2 .video a:visited, 
#glucose .navL2 .glucose a:link, #glucose .navL2 .glucose a:visited, 
#talking .navL2 .talking a:link, #talking .navL2 .talking a:visited, 
#recipes .navL2 .recipes a:link, #recipes .navL2 .recipes a:visited, 
#footcare .navL2 .footcare a:link, #footcare .navL2 .footcare a:visited, 
#health .navL2 .health a:link, #health .navL2 .health a:visited, 
#news .navL2 .news a:link, #news .navL2 .news a:visited, 
#community .navL2 .community a:link, #community .navL2 .community a:visited, 
#resources .navL2 .resources a:link, #resources .navL2 .resources a:visited, 

#supplies .navL2 .supplies a:link, #supplies .navL2 .supplies a:visited,
#brands .navL2 .brands a:link, #brands .navL2 .brands a:visited,
#topsellers .navL2 .topsellers a:link, #topsellers .navL2 .topsellers a:visited,

#benefits .navL2 .benefits a:link, #benefits .navL2 .benefits a:visited, 
#faq .navL2 .faq a:link, #faq .navL2 .faq a:visited, 
#now .navL2 .now a:link, #now .navL2 .now a:visited, 

#diabetes .navL2 .diabetes a:link, #diabetes .navL2 .diabetes a:visited, 
#medicare .navL2 .medicare a:link, #medicare .navL2 .medicare a:visited, 
#medicaid .navL2 .medicaid a:link, #medicaid .navL2 .medicaid a:visited, 
#news .navL2 .news a:link, #news .navL2 .news a:visited, 
#nutrition .navL2 .nutrition a:link, #nutrition .navL2 .nutrition a:visited, 
#articles .navL2 .articles a:link, #articles .navL2 .articles a:visited, 

#cost .navL2 .cost a:link, #cost .navL2 .cost a:visited, 
#card .navL2 .card a:link, #card .navL2 .card a:visited,
#need .navL2 .need a:link, #need .navL2 .need a:visited, 
#medicaid .navL2 .medicaid a:link, #medicaid .navL2 .medicaid a:visited, 
#medicare .navL2 .medicare a:link, #medicare .navL2 .medicare a:visited, 
#insurance .navL2 .insurance a:link, #insurance .navL2 .insurance a:visited, 
#alternate .navL2 .alternate a:link, #alternate .navL2 .alternate a:visited, 
#recipes .navL2 .recipes a:link, #recipes .navL2 .recipes a:visited, 

#foo .navL2 .foo a:link, #foo .navL2 .foo a:visited, 
#foo .navL2 .foo a:link, #foo .navL2 .foo a:visited {background-image: url(../images/nav/L2-curr.gif); font-weight: bold; cursor: text; color:#fff;}

/* Nav L3 */
.navL2 li ul {width: 140px; background: #cbf1ff; background: transparent;}
body#products #supplies .navL2 li li a:link, body#products #supplies .navL2 li li a:visited, 
body#products #brands .navL2 li li a:link, body#products #brands .navL2 li li a:visited, 
body#products #topsellers .navL2 li li a:link, body#products #topsellers .navL2 li li a:visited, 
/*body#products #supplies .navL2 li li a:link, body#products #supplies .navL2 li li a:visited,*/

body#about #careers .navL2 li li a:link, body#about #careers .navL2 li li a:visited {background-image: none; color: #1a88ff; padding-left: 0; font-weight: normal; cursor: auto; display: inline;}
	
.navL2 li li {line-height: 1.2em; margin-bottom: 1em;}
.navL3 li li {line-height: 1.2em; margin-bottom: 1em; margin-left: 1em;}
.navL3 li li .select_type a {font-size: 130%; font-weight: bold;}



/* ////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////
ALL BOXES CLASS */


/* HexBoxes */
.hexbox {position: relative; width: 610px; padding: 0; margin: 0; margin-bottom: 2em; background: 
transparent ; min-height: 220px; height: auto !important; 
height: 220px;}
.hexbox-bot {position: relative; bottom: -14px; left: 0; width: 100%; height: 14px; background: transparent 
url(../images/backgrounds/hexboxW-bot.gif) no-repeat 0 0; clear: both;}

.hexbox h3 {line-height: 51px; padding-left: 20px; background: transparent 
url(../images/backgrounds/hexboxW-top.gif) no-repeat 0 0; color: #1A88FF; font-weight: normal; font-size: 150%;}
.hexbox .txt {width: 570px; margin-left: 20px;}
.hexbox ul {list-style: disc; margin-left: 20px; margin-top: 5px; font-weight: bold;}
.hexbox li {line-height: 1.3em;}

.hexbox.benefits .photo {position: absolute; top: 32px; right: -10px; padding: 0; margin: 0; border: 0; z-index: 1;}

.hexbox.prods {}
.hexbox.prods .prod {width: 540px; margin: 0; margin-left: 30px; padding: 0; padding-top: 10px; border-bottom: 
1px dotted #ccc;}
.hexbox.prods .prod img {float: left; margin: 0 10px 5px 0;}
.hexbox.prods .prod p {float: right; width: 420px; line-height: 1.5em; margin: 0; padding: 0;}
.hexbox.prods .prod p a {display: block;}
.hexbox.prods .prod.last {border-bottom: 0;}


 .prod2 {position: relative; width: 520px; padding-left: 20px; }
 .prod2 img {float: left; }
 .prod2 p {float: right; width: 420px; line-height: 1.5em; margin: 0; padding: 0;}
 .prod2.last {border-bottom: 0;}

.hexbox.learningcenter .photo {position: absolute; bottom: -6px; right: -16px; padding: 0; margin: 0; border: 0; 
z-index: 1;}

.medium .hexbox { width: 460px; height: auto; margin-top: 20px;}
.medium .hexbox-bot { height:37px;}
.medium .hexbox h3 {}

.wideL2 .hexbox {background-image: url(../images/backgrounds/hexboxWL2-mid.gif); width: 670px; height: auto;}
.wideL2 .hexbox-bot {background-image: url(../images/backgrounds/hexboxWL2-bot.gif);}
.wideL2 .hexbox h3 {background-image: url(../images/backgrounds/hexboxWL2-top.gif);}



/* Provider Box, Home Page */
.providerbox {position: relative; width: 610px; height: 84px; margin: 0; margin-bottom: 1em; padding: 0; 
background: transparent url(../images/backgrounds/provider.gif) no-repeat 0 0;}
.providerbox h3 {padding-left: 20px; line-height: 84px; color: #1A88FF; font-weight: normal; font-size: 150%;}
.providerbox img {position: absolute; left: 227px; top: 18px;}



/* Thin Columns */
.thin {background: #d2e1f4 url(../images/backgrounds/side.gif) no-repeat 0 0; text-align: center;margin-top:10px;padding:5px 0;}
.thin-bot {position: absolute; left: 0; bottom: 0; width: 280px; height: 10px; margin: 0; padding: 0; border: 0; 
background: transparent url(../images/backgrounds/thin-bot.gif) no-repeat left bottom;}

.thin-bot2 {width: 280px%; height: 10px; margin: 0; padding: 0; border: 0; 
background: transparent url(../images/backgrounds/thin-bot.gif) repeat left bottom;}

.thin .item {
	position: relative;
	width: 260px;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 14px;
	margin-top: 10px;
	background: #eef6ff url(../images/backgrounds/side-item.gif) no-repeat center 0;
	color: #69c;
	text-align: 
left;
	background-image: url(../images/backgrounds/side-item.gif);
}
.thin .item-bot {position: absolute; border: 0; bottom: 0; left: 0; width: 260px; height: 10px; margin: 0; padding: 
0; background: transparent url(../images/backgrounds/side-item-bot.gif) no-repeat left bottom;}

.thin .item .txt {position: relative; width: 240px; margin:10px;padding: 0;}
.thin .item	p {color: #1a88ff;}
.thin .item h3 {padding-top: 1em; color: #1a88ff;}

.thin .item.join .picture {left: -10px;}
.thin .item.join .picture.left {margin: 0;}

.thin .item.quote {padding-top: 2px; font-family: georgia, times, time-roman, serif; font-style: italic; 
line-height: 1.5em;}
.thin .item.quote p {text-align: right; font-family: georgia, times, time-roman, serif; padding-bottom: 1em;}
.thin .item .txt {font-size: 95%; font-weight: 600;}
.thin .item .txt p {font-weight: 400;}

.thin .item .txt .required {color:#CC0000; font-size: 85%; font-style: italic; font-family: Arial, sans-serif;font-weight: 300;}



/* Signup, Column R */ 
.signup fieldset {margin: 0; padding: 0; border: 0; width: auto;}
.signup label {display: block; margin-bottom: .25em}

.signup input {margin-bottom: 1em; width: 170px;}
.signup select {margin-bottom: 1em;}
.signup .checkbox input {float: left;}
.signup .checkbox label {margin-left: 26px;}

.signup .button {position: relative; text-align: center; margin: 0; padding: 0; margin-top: .5em; width: 
100%; z-index: 1;}
.signup .button input {width: auto;}

.signup .row {width: 175px; margin: 0; padding: 0; border: 0; clear: both; color: #1a88ff;}
.signup .full {width: 175px;}
.signup .half {width: 85px;}
.signup .third {width: 50px;}
.signup .wordy {height: 100px;}
.signup .L input {float: left;}
.signup .R input {float: right;}
	
.signup .form-title {float: left; width: 25%; color: #1a88ff;}
.signup .form-firstname {float: right; width: 65%; color: #1a88ff;}
.signup .form-firstname	input {width: 97px;}

.buttonrow.radio {position: relative; clear: both; margin-bottom: .5em; float: left; width: 100%; color: #1a88ff;}
.buttonrow.radio label {width: auto; text-align: left; color: #1a88ff;}
.buttonrow.radio div {float: left; width: 100%; margin-top: .25em; }
.buttonrow.radio input {float: left; width: auto; margin-right: 2em;}
.buttonrow.radio span {float: left; margin: 0; margin-right: .25em;}

/* Story Fonts */
.story {margin: 0; padding: 0;}
.story h3 {color: #1a88ff; font-weight: normal;}
.story h4 {color: #777; font-weight: bold;border-bottom:1px solid #ccc;padding:10px 0;}
.story p {line-height: 1.5em;}
.hexbox .story h3 {background-image: none; padding-left: 0; line-height: 1.2em; font-size: 150%;}

.story ul li, .grid .hexbox .story ul li {list-style: none;  line-height: 1.2em;}
.story ol {margin-left: 3em;font-weight:nomal;}
.story-full {width: 100%;}
.story div {
	margin:2px;float:left;
	}


/*  for product index page */
.story2 {margin: 0; padding: 0;}
.story2 h3 {color: #1a88ff; font-weight: normal;}
.story2 p {line-height: 1.5em;}
.hexbox .story2 h3 {background-image: none; padding-left: 0; line-height: 1.2em; font-size: 130%;}

.story2 ul li {list-style: none; padding-left: 15px;}

.brand {padding-left: 15px; line-height: 30px;background:red;}






/* Middle Content */
.grid .M {}
.grid .M .story {width: 450px; margin: 0 auto; text-align: left; line-height: 1.5;}
.grid .M .pagetitle,	
.grid .L .pagetitle {color: #069; margin-bottom: 1em;}

.M.medium .hexbox .story {position: relative; width: 400px; margin-left: 20px; padding-bottom: 1em; border: 0;}
.M.medium .hexbox .story h2 {color: #1a88ff; font-weight: normal; font-size: 130%; margin-bottom: 1em;}
	
/* Columns */
.columns {position: relative; width: 100%; margin: 0; margin-bottom: 1em; padding: 0; border: 0;}
.columns ul {margin-left: 0;}
.columns li {background: none; margin: 0; padding-left: 0; line-height: 1.3em; color: #777;}
.columns h4 {color: #069;}





/* ////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////
banner	*/

.banner {position: relative; width: 100%; height: 185px; margin: 0; margin-bottom: 0px; padding: 0; background: #fff no-repeat 0 0;}
.banner h3, .banner h2, .banner p, .banner ul {display: none;}
body#home .banner {/*background-image: url(../images/backgrounds/bnr-home.png); */height: 320px;}
body#home .banner img {/*position: absolute; left: 270px; top: 130px; width: 209px; height: 50px;*/}
body#about .banner {height: 145px; background-image: url(../images/backgrounds/bnr-about.jpg); margin-top: 10px;}
body#products .banner {height: 145px; background-image: url(../images/backgrounds/bnr-products.jpg); margin-top: 10px;}
body#advantages .banner {height: 145px; background-image: url(../images/backgrounds/bnr-advantages.jpg); margin-top: 10px;}
body#diabetes .banner {height: 145px; background-image: url(../images/backgrounds/bnr-diabetes.jpg); margin-top: 10px;}
body#contact .banner {height: 145px; background-image: url(../images/backgrounds/bnr-contact.jpg); margin-top: 10px;}


/* ////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////
Midde form	*/



.story form { text-align:left; font-size:98%;padding-top:10px;margin:0; width:430px;}
.story form fieldset { margin:10px;}
.story form legend { font-size:1.0em; padding:.4em .8em; border:1px solid #b8cee5;}
.story form fieldset p { margin-bottom:1em; margin-top:0pt;color:#1A88FF;}
.story form fieldset p label { width:98%;}
.story form fieldset p input { width:98%; }
.story form fieldset p option { padding-left:2px; }
.story form fieldset.register p select { float:left; padding-left:5px; line-height:2em; margin-right:3%; text-align:left; width:46%;margin-bottom:10px; }
.story form fieldset.register p label { float:left; line-height:2em; margin-right:3%; text-align:right; width:47%;}
.story form fieldset.register p input { width:44%; height:15px; padding:2px 3px; border:1px solid #b8cee5; }
.story form fieldset.register input.button { margin:0; margin-left:27%; background:url(../images/buttons/btn-submit.gif) no-repeat left top; height:29px; width:128px; border:none; outline:none; }
.story form p.note { margin:50px 20px 20px 20px; padding:0; font-size:100%; line-height:16px;color:#777;}
.story form input.search.text { width:66%;}
.story form input.search.button { width:28%;margin-left:2%;}





/* ////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////
sidebar	*/


.side {width:280px; padding:0; margin-top:20px; background:transparent url(../images/backgrounds/side-mid.gif) repeat-y 0 0; height:auto; }
.side-bot { position:relative; left:0; width:100%; height:10px; background:transparent url(../images/backgrounds/side-bot.gif) no-repeat 0 0; clear:both;}
.side h3 { height:30px; padding:10px 0 0 30px; margin:0; background:transparent url(../images/backgrounds/side-top.gif) no-repeat 0 0; color:#1A88FF; font-weight:normal; font-size:150%;}
.side h3.regist { width:280px; height:150px; text-indent:-5000px; padding:0; margin:0; background:transparent url(../images/backgrounds/side-top-regist.gif) no-repeat top center;}
.side h3.regist2 { width:280px; height:150px; text-indent:-5000px; padding:0; margin:0; background:transparent url(../images/backgrounds/side-top-regist2.gif) no-repeat top center;}

.side form { text-align:left; font-size:98%;padding-top:10px;margin:0;}
.side form fieldset { margin:10px;}
.side form legend { font-size:1.0em; padding:.4em .8em; border:1px solid #b8cee5;}
.side form fieldset p { margin-bottom:1em; margin-top:0pt;color:#1A88FF;}
.side form fieldset p label { width:98%; }
.side form fieldset p input { width:98%; }
.side form fieldset p option { padding-left:2px; }
.side form fieldset.register p select { float:left; padding-left:5px; line-height:2em; margin-right:3%; text-align:left; width:46%;margin-bottom:10px; }
.side form fieldset.register p label { float:left; line-height:2em; margin-right:3%; text-align:right; width:47%;}
.side form fieldset.register p input { width:44%; height:15px; padding:2px 3px; border:1px solid #b8cee5; }
.side form fieldset.register input.button { margin:0; margin-left:27%; background:url(../images/buttons/btn-submit.gif) no-repeat left top; height:29px; width:128px; border:none; outline:none; }
.side form p.note { margin:50px 20px 20px 20px; padding:0; font-size:100%; line-height:16px;color:#777;}
.side form input.search.text { width:66%;}
.side form input.search.button { width:28%;margin-left:2%;}

.side .item { position:relative; width:240px; padding:0px; margin-left:20px; /* background: url(../images/backgrounds/side-item.gif) no-repeat center 0;*/ color:#69c; text-align:left;}
.side .item-bot { position:absolute; border:0; bottom:0; left:0; width:240px; height:10px; margin:0; padding:0; /*background:transparent url(../images/backgrounds/side-item-bot.gif) no-repeat left bottom;*/}
.side .item .txt { position:relative; width:220px; }
.side .item	p { color:#1a88ff;}
.side .item h3 { padding-top:1em; color:#1a88ff;}
.side .item.quote { padding-top:2px; font-family:georgia, times, time-roman, serif; font-style:italic; line-height:1.5em;}
.side .item.quote p {text-align:right; font-family:georgia, times, time-roman, serif; padding-bottom:1em;}
.side .item .txt { font-size:95%; font-weight:600;}
.side .item .txt p { font-weight:400;}
.side .item .txt .required { color:#CC0000; font-size:85%; font-style:italic; font-weight:300;}
.side .item.newsletter p { text-align:left; line-height:18px;}
.side .item.newsletter .txt { font-size:95%; font-weight:600;line-height:18px;}
.side .item.newsletter .txt p { font-weight:400;}
.side .item .txt form labal { text-align:center; }
.side .item .txt form input { width:88%; height:15px; padding:2px 3px; border:1px solid #b8cee5;}
.side .item .txt form input.button { margin-top:10px; margin-left:27%;  background:url(../images/buttons/btn-submit.gif) no-repeat left top; height:29px; width:128px; border:none; outline:none;}


/* ////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////
footer	*/

.wrapFooter { background:#e6f0f8 url(../images/backgrounds/bg-footer.jpg) repeat-x bottom center; margin:0 auto; height:160px; }
.wrapFootercenter { background:url(../images/backgrounds/bg-footer_center.jpg) repeat-x bottom center; width:960px; height:160px; padding:0; margin:0 auto; }

.footer {background:transparent; width:940px; margin:2em 0; margin-left:10px; padding:.5em 0; text-align:center; color:#777; clear:both; float:left;}
.footer ul {width:100%; margin:.5em auto; padding:0; border:0; }
.footer li {display:inline; color:#777; border-left:1px solid #D0D0D0;}
.footer li a:link, .footer li a:visited {margin:0 .5em; text-decoration:none; color:#1A88FF;}
.footer li a:hover {text-decoration:underline;}
.footer p {position:relative; width:100%; margin:1em 0 2em; padding:0; border:0; text-align:center;}

/* Footer - Current Page */
body#home .footer .home a,
body#about .footer .about a,
body#products.footer .products a,
body#advantages .footer .payment a,
body#diabetes .footer .learning a,
body#contact .footer .contact a, {font-weight:bold; color:#999; cursor:text; text-decoration:none;}











/* Alerts */
.alerts {position: relative; width: 100%; clear: both; border: 1px dashed #d1d1d1; background: #ffefd6; 
height: 36px;}
.alerts p {margin: 0; margin-left: 20px; padding: 0; line-height: 36px;}
.alerts sup {line-height: 26px;}
.alerts a:link, .alerts a:visited {color: #1A88FF;}

/* Learnmore   */
.learnmore {position:relative; left:20px;  width: 88%; clear: both; background: #FFFFFF; padding: 2px; border-top: 1px 
dashed; height: 10px;}
.learnmore	p {margin: 0; margin-left: 20px; padding: 0; line-height: 6px;}

/* Print Page */
/*.printpage {position: right; width: 130px; height: 20px; border: 0; margin: 0; padding: 10;}

.printpage a:link img, .printpage a:visited img {width: 130px; height: 20px; background: transparent 
url(../images/buttons/print.gif) no-repeat 0 0;}
.printpage a:hover img {background-image: url(../images/buttons/print-hover.gif);}
.printpage a:active img {background-image: url(../images/buttons/print-active.gif);}

div.printpage {width: 100%; border: 0px; margin-bottom: 1em;}
div.printpage img {float: right;}*/





/* Print Page */
.printpage {position: right; width: 130px; height: 10px; border: 0; margin: 0; padding: 0; display:block; line-height: 0px;}

.printpage a:link img, .printpage a:visited img {width: 130px; height: 20px; margin: 0; padding: 0; display:block; background: transparent 
url(../images/buttons/print.gif) no-repeat 0 0;}
.printpage a:hover img {background-image: url(../images/buttons/print-hover.gif);}
.printpage a:active img {background-image: url(../images/buttons/print-active.gif);}

div.printpage {width: 100%; border: 0px; margin-bottom: 0px;}
div.printpage img {float: right;}





	
/* Header Row - holds H3 + Print Page */
.hdr {float: left; position: relative; width: 100%; margin: 0; padding: 0; border: 0; clear: both;}
.hdr h3 {float: left; width: auto;}
.hdr .printpage {float: right; width: 130px}

/* Fadebox, Products */
.fadebox {position: relative; width: 400px; margin: 0;  padding: 0; background: transparent 
url(../images/backgrounds/fadebox.gif) no-repeat 0 0;}
.hexbox  h3.label {background-image: none; margin: 0; margin-bottom: 0.5em; padding: 0; color: #444;}






/* Shopping of Products, 3-columns */
.shoplist {position: relative; width: 355px; margin: 0; padding: 0; padding-top: 20px;}
.shoplist .list {margin: 0; padding: 0; width: 30%;}
.shoplist .L {float: left;}
.shoplist .M {float: left; margin-left: 15px;}
.shoplist .R {float: right;}
.shoplist ol {list-style-image: url(../images/icons/darrows.gif); list-style-type: none;margin-left: 15px;}


.shoplist ul {margin-left: 0;}
.shoplist li {width: 90px; padding-bottom: .2em;  line-height: 15px;}
.fadebox .shoplist {margin: 25px 0 0 25px; border: 0;}

/* Supply Details */

.wideL2 .hexbox {text-align: center;}
.wideL2 .hexbox h3 {text-align: left;}
.wideL2 .hexbox .margin {position: relative; width: 610px; margin: 0 auto; padding: 0; text-align: left; clear: 
both;}

.wideL2 .hexbox .margin .story {float: left; width: 360px; margin: 0; padding: 0; padding-bottom: 1em; border: 
0;}
.wideL2 .hexbox .margin .related {float: right; width: 220px; margin: 0; padding: 0; position: relative;}
.wideL2 .hexbox .margin .related h4 {margin-bottom: 0;}

.related.thinfade {background: transparent url(../images/backgrounds/related.gif) no-repeat 0 0;}
.related.thinfade .txt {width: 170px; margin: 25px 0 0 25px; font-size: 85%;}
.related.thinfade .txt h3 {line-height: 1.3em; margin-bottom: .5em; color: #777; padding-bottom: 10px;}
.related.thinfade .txt h4 {line-height: 1.3em; margin-bottom: .5em; color: #777; padding-bottom: 5px;}
.related.thinfade .txt p {line-height: 1.3em; margin-bottom: .5em; font-size: 95%;}

.wideL2 .hexbox .alerts {margin: 1em 0;}

.formquote {float: left; position: relative; padding: 0; margin: 0; width: 100%; min-height: 345px; height: auto 
!important; height: 345px; background: transparent url(../images/backgrounds/formquote.gif) no-repeat 0 0;}
.formquote .txt {position: relative; width: 340px; margin: 20px 0 0 30px; padding: 0; color: #69c;}
.formquote .txt p {color: #69c;}
.formquote .txt .picture {position: relative; left: -9px; top: -3px;}
.formquote form {float: left; width: 100%; clear: both;}

.formquote fieldset {margin: 0; padding: 0; border: 0; width: auto;}
.formquote label {float: left; margin-bottom: .25em; width: 90px; clear: both;}
.formquote input {display: block; margin-bottom: 1em; width: 170px; margin-left: 100px; width: 210px;}
.formquote select {display: block; margin-bottom: 1em; width: 110px; margin-left: 100px; width: 110px;}

.formquote .button {position: relative; text-align: center; margin: 0; padding: 0; margin-top: .5em; width: 
100%; z-index: 1;}
.formquote .button input {width: auto;}

.formquote .row {float: left; width: 340px; margin: 0; padding: 0; border: 0; clear: both;}
.formquote .buttonrow.radio {position: relative; clear: both; margin-bottom: .5em; float: left; width: 
100%;}
.formquote .row	 .required {color:#CC0000; font-size: 85%; font-style: italic; font-family: Arial, 
sans-serif;}
.formquote .buttonrow.radio label {width: auto; text-align: left;}
.formquote .buttonrow.radio div {float: left; width: 100%; margin-top: .25em; }
.formquote .buttonrow.radio input {float: left; width: auto; margin: 0; margin-right: 1em;}
.formquote .buttonrow.radio span {float: left; margin: 0; margin-right: .25em;}
.hexbox .formquote h3 {background-image: none; line-height: 1.5em; margin: 0; color: #69c; 
font-weight: bold;}

.hexbox .formquote .quotebox {position: absolute; top: 3px; right: 0; padding: 0; padding-bottom: 5px; 
margin: 10px 10px 0 10px; width: 195px; background: #f3fbfe url(../images/backgrounds/side-item.gif) no-repeat 0 
0; color: #69c;}
.hexbox .formquote .quotebox .txt {width: 175px; margin: 10px 0 0 10px; float: none; font-family: georgia, times, 

time-roman, serif; font-style: italic; line-height: 1.5em;}
.hexbox .formquote .quotebox .txt .picture {left: 0; top: 0;}
.hexbox .formquote .quotebox-bot {position: absolute; bottom: 0px; left: 0; width: 100%; height: 7px; background: 

transparent url(../images/backgrounds/side-item-bot.gif) no-repeat left bottom; clear: both;}












/* Supply Showcase */
.showcase {position: relative; width: 100%; margin: 0; margin-bottom: 1em; padding: 0; border: 0; 
border-bottom: 5px solid #dff6ff;}
.showcase img {float: left; clear: left; display: inline; margin-left: 10px;margin-bottom:10px;}
.showcase .txt {float: right; width: 290px;}
.showcase .alerts {margin-bottom: 1em; height: auto;}
.showcase .alerts p {line-height: 1.5em; margin-bottom: 1em;}

.showcase2 {position: relative; width: 100%; margin: 0; margin-bottom: 1em; padding: 0; border: 0;}
.showcase2 img {float: left; clear: left; display: inline; margin-left: 10px;}
.showcase2 .txt {float: right; width: 290px;}
.showcase2 .alerts {margin-bottom: 1em; height: auto;}
.showcase2 .alerts p {line-height: 1.5em; margin-bottom: 1em;}

.showcase3 {position: relative; width: 100%; margin: 0; margin-bottom: 1em; padding: 0; padding-top: 1em; border: 0; 
border-top: 5px solid #dff6ff;}
.showcase3 img {float: left; clear: left; display: inline; margin-left: 10px;}
.showcase3 .txt {float: right; width: 290px;}
.showcase3 .alerts {margin-bottom: 1em; height: auto;}
.showcase3 .alerts p {line-height: 1.5em; margin-bottom: 1em;}

.highlight {color:#1A88FF; font-size:11 px; font-weight:bold;}

.highlight2 ol {list-style-image: url(../images/icons/darrows.gif); list-style-type: none; margin-left: 15px;}



.highlight2 ul {margin-left: 0;}
.highlight2 li {padding-bottom: .2em;  line-height: 15px; font-weight: normal;}

.topseller {position: relative; width: 100%; margin: 0; margin-bottom: 1em; padding: 0; border: 0;}
.topseller img {float: left; clear: left; display: inline; margin-left: 10px;}
.topseller .txt {float: right; width: 290px;}
.topseller .alerts {margin-bottom: 1em; height: auto;}
.topseller .alerts p {line-height: 1.5em; margin-bottom: 1em;}

.shoplist3 ol {list-style-image: url(../images/icons/darrows.gif); list-style-type: none; margin-left: 35px; margin-right: 20px}

.shoplist4 ol {display:block; line-height: 15px; margin-left: 35px; margin-right: 20px}


.shoplist3 ul {margin-left: 1;}
.shoplist3 li {padding-bottom: .2em;  line-height: 15px;}
.shoplist3 h4 {margin-left: 35px; margin-right: 20px; color: #1a88ff; font-weight: normal; font-size: 130%;}


.sitemap_link {line-height: 20px;}
.sitemap_link2 {line-height: 16px; padding-left: 8px; font-size:95%;}

.state {width: 100%; }

.style4 {font-size: 11px; padding-left: 20px;}

.newsletter {
	text-align:center
	}