/* Global Elements
---------------------------------------- */
body {
	background: url(/app/images/layout/bg_pageTop.gif) 0 0 repeat-x;
	color: #343434;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

a { color: #0066CC; text-decoration: none; }

a:hover { text-decoration: underline; }

/* Global Classes for 'A' tag */
a.blueLink, a.blueLink2 {
	background: url(/app/images/layout/blueArrow_right.gif) 0 65% no-repeat;
	display: inline-block;
	font-size: 0.92em;
	font-weight: bold;
	padding-left: 10px;
	text-transform: uppercase;
}

a.blueLink2 {
	background: none;
	padding: 0;
	text-transform: none;
}

a.backTop {
	background: url(/app/images/layout/blueArrow_up2.gif) 0 55% no-repeat;
	border: none;
	font-weight: normal;
	padding-left: 12px;
}

img { display: block; }

em { font-style: italic; }

strong { font-weight: bold; }

sup { font-size: 0.5em; vertical-align: top; }

h1, h2, h3, h4, h5, strong.copyTitle { color: #0066CC; }

h2 {
	font-size: 1.7em;
	line-height: 1.2;
	margin-bottom: 14px;
}

h3 { font-size: 1.4em; margin-bottom: 12px; }

h4 { font-size: 1.2em; font-weight: bold; }

h5 { font-size: 1.0em; font-weight: bold; }

p { padding-bottom: 22px; }

/* Global Classes for 'P' tag */
p.center { text-align: center; }

p.member { color: #085A01; padding-bottom: 8px; }

/* Global Classes for 'INPUT' tag */
input[type="text"], input[type="password"], select, textarea {
	background: #FFFFFF;
	border: 1px solid #7f9db9;
}

input[type="text"], input[type="password"] { padding: 3px; }

/* Structural Elements
---------------------------------------- */
/* Page Container holding the header, body, and footer content */
#page {
	height: 100%;
	position: relative;
	width: 100%;
}

/* Homepage Background */
.home { background: url(/app/images/layout/bg_homeBodyFill.gif) 0 354px repeat-x; }

/* The header, body, and footer containers */
#hd, #bd, #ft { margin: 0 auto; width: 980px; }

#hd {
	position: relative;
	z-index: 5;
}

#bd {
	clear: both;
	padding-top: 30px;
	position: relative;
	z-index: 2;	
}

#ft{
	clear: both;
	position: relative;
	z-index: 1;
}

/* Used for Clearing Floats */
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

/* Global Error class to change text to red */
.error { color: #FF0000; }

/* Global classes to float things left or right */
.leftAlign { float: left; width: auto; margin-right:10px; }

.rightAlign { float: right; width: auto; padding-left:10px;}

/* Header [#hd] Elements
---------------------------------------- */
/* Container containing the logos, top alternative site dropdowns, and the signin/register bar */
#headerTop { height: 97px; position: relative; }

/* Accu-Chek Logo */
#pLogo {
	float: left;
	height: 48px;
	margin: 29px 12px 0 17px;
	width: 151px;
}

/* Roche Logo */
#cLogo {
	float: right;
	height: 28px;
	margin: 29px 28px 0 0;
	width: 55px;
}

/* Structural Container containing the signin, register, cart, and text sizing links */
#customHead {
	float: left;
	margin-top: 53px;
	position: relative;
	text-align: right;
	width: 698px;
}

#customizer {
	font-size: 0.92em;
	position: relative;
	width: auto;
}

#customizer a { color: #085A01; }

#customizer span { font-size: 0.83em; }

#customizer img {
	display: inline;
	position: relative;
	top: -1px;
	vertical-align: middle;
}

#customizer p {
	border-left: 1px solid #D4D4D4;
	float: right;
	padding: 0 12px;
	text-align: right;
	width: auto; 
}

/* Adds an image next to the link */
#customizer a#language { background: url(/app/images/layout/greenArrow_down.gif) 100% 60% no-repeat; padding-right: 12px; }

#customizer a#cart { background: url(/app/images/icons/link_shoppingCart.gif) 0 0 no-repeat; padding-left: 18px; }

#customizer .userBlock { border: none; font-size:10pt; }

#customizer .userBlock a { margin: 0 2px 0 5px; font-size:100%;}

/* Structural Containers for the hidden overlays of Sign In, Language Selector, and Forget Password */
#signInBox, #languageBox, #forgetPassBox {
	border: none;
	display: none;
	text-align: left;
	padding: 4px 0 0;
	position: absolute;
	top: 20px;
	z-index: 150;
}

#signInBox, #forgetPassBox { right: 180px; }

/* Content Container for the hidden overlays */
#signInBoxContent, #forgetPassword, #languageBoxContent {
	background-color: #FFFFFF;
	border: 1px solid #085A01;
	display: block;
	float: left;
	padding: 0 20px;
	position: relative;
	z-index: 5;
	width: auto;
}

#signInBoxContent, #forgetPassword { width: 30em; }

/* Sign In/Forget Password Content Container Overlay Elements  */
#signInBoxContent h4, #signInBoxContent p, #forgetPassword h4, #forgetPassword p {
	clear: both;
	display: inline;
	float: left;
	width: auto;
}

#signInBoxContent h4, #forgetPassword h4 { font-weight: bold; padding: 4px 0 10px; }

#signInBoxContent p, #forgetPassword p {
	border: none;
	padding: 5px 0;
	text-align: left;
}

#signInBoxContent a { margin-left: 8px; }

#signInBoxContent input { vertical-align: middle; }

#signInBoxContent input#remember { margin-left: 8px; }

#forgetPassword input { width: 220px; }

#signInBoxContent label { margin-left: 3px; }

/* Sign In Overlay Close Link */
#signInBoxContent p.closeBtn, #forgetPassword p.closeBtn {
	clear: both;
	display: block;
	float: right;
	font-size: 0.92em;
	margin: 0;
	padding: 8px 0 0;
	text-align: right;
	width: 100%;
}

#signInBoxContent p.closeBtn a, #forgetPassword p.closeBtn a {
	color: #085A01;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
}

#signInBoxContent p.closeBtn a:hover, #forgetPassword p.closeBtn a:hover { text-decoration: underline; }

#signInBoxContent p.closeBtn span, #forgetPassword p.closeBtn span { font-weight: bold; }

/* Buttons within the Sign In and Forget Password Overlays */
#signInBoxContent .signInBtns, #forgetPassword .signInBtns {
	clear: both;
	float: left;
	display: block;
	padding: 15px 0 22px 0;
	width: auto;
}

#signInBoxContent .signInBtns span, #forgetPassword .signInBtns span { margin-left: 0px; }

#signInBoxContent .signInBtns input, #forgetPassword .signInBtns input { vertical-align: auto; width: auto; }

#signInBoxContent .signInBtns a.blueBdrLink2, #forgetPassword .signInBtns a.blueBdrLink2 {
	color: #0066CC;
	display: inline-block;
	margin: 0;
	padding: 0 0 0 6px;
}

#signInBoxContent .signInBtns a.blueBdrLink2 span, #forgetPassword .signInBtns a.blueBdrLink2 span {
	color: #0066CC;
	display: inline-block;
	font-size: 1.0em;
	margin: 0;
	padding: 9px 12px 9px 6px;
}

/* Language Selector Structural/Content Container Overlay Elements  */
#languageBox { right: 100px; }

#languageBoxContent { padding: 10px 20px 10px 15px; }

#languageBoxContent ul {
	display: inline;
	float: left;
	margin: 0 auto;
	width: auto;
}

#languageBoxContent li { margin: 4px 0; }

/* All 'A' tags in the Language Selector will have the blue arrow on the left */
#languageBoxContent a { background: url(/app/images/layout/greenArrow_right.gif) 0 60% no-repeat; padding-left: 10px; }

/*-- Main Navigation --*/

/* Structural Container for the Main Navigation and Search Bar */
#navSearchBar { margin: 0 10px; width: 960px; }

/* Structural Container for the Main Navigation */
#mainNav {
	clear: both;
	color: #666666;
	float: left;
	height: 31px;
	position: relative;
	width: 745px;
}

#mainNav .navbar, #mainNav .navbar ul { list-style: none; }

.navbar {
	height: 31px;
	position: relative;
	width: auto;
	z-index: 50;
}

.navbar li {
	display: block;
	float: left;
	position: relative;
}
 /* End cap borders for the entire nav */
.navbar li.first { border-left: 1px solid #FFFFFF; }

.navbar li.last { border-right: 1px solid #c1c1c1; }

.navbar li a {
	background: none;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	color: #515151;
	display: block;
	margin: 0;
	padding: 7px 13px 8px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}

/* Class used to make the main nav links related to the page active [ON state} */
.navbar li.selected a { color: #0066CC; }

/* Hover state for the main nav links */
.navbar li a:hover, .navbar li.navHover a {
	background: url(/app/images/layout/bg_mainNavOn.gif) 0 0 repeat-x;
	border: none;
	color: #FFFFFF;
	padding: 7px 15px 8px;
	text-decoration: none;
}

/* Start of the Main Nav Drop Downs elements */
.navbar li ul {
	display: none;
	left: -4px;
	position: absolute;
	top: 31px;
	z-index: 110;
}

.navbar li ul ul {
	background-color: #FFFFFF;
	border: 1px solid #0268CE;
	display: block;
	left: 0;
	position: relative;
	padding: 6px 0 15px;
}

.navbar li ul ul.roundedBtm { top: 0; }

.navbar li ul ul li {
	background-color: #FFFFFF;
	border: none;
	float: none;
	margin-top: 5px; 
	padding: 0 20px 0 10px;
}
/* Un-Selected and Selected states for the Main Nav Drop Downs */
.navbar li ul ul li a, .navbar li.selected ul ul li a, .navbar li.selected:hover ul ul li a, .navbar li.navHover ul ul li a {
	background: url(/app/images/layout/blueArrow_right.gif) 0 60% no-repeat;
	border: none;
	color: #0066CC;
	font-size: 1.0em;
	font-weight: normal;
	padding: 0 0 0 10px;
	text-transform: none;
	white-space: nowrap;
}

.navbar li ul ul li a:hover {	
	background: url(/app/images/layout/blueArrow_right.gif) 0 60% no-repeat;
	color: #0066CC;
	font-weight: normal;
	padding: 0 0 0 10px;
	text-decoration: underline;
	text-transform: none;
}

/* When the user is not signed in, this will show up for the 'My Accu-Chek' Main Nav Drop Down */
#registerNow {
	background-color: #FFFFFF;
	border: 1px solid #0268CE;
	padding: 6px 0 15px;
	position: relative;
	width: 280px;
	z-index: 5;
}

#registerNow p { padding: 8px 20px; }

#registerNow a {
	background: url(/app/images/layout/blueArrow_right.gif) 0 50% no-repeat;
	border: none;
	color: #0066CC;
	display: block;
	font-size: 1.0em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	text-transform: none;
}

#registerNow a:hover { text-decoration: underline; }

/*-- Search Bar --*/

#searchBar {
	float: right;
	position: relative;
	width: 213px;
}

input#search {
	background: none;
	background-color: #FFFFFF;
	border: 1px solid #bebebe;
	color: #666666;
	font-size: 1.0em;
	font-style: normal;
	height: 20px;
	margin-top: 3px;
	padding: 4px 21px 0 8px;
	width: 182px;
}

input#searchBtn {
	border: none;
	padding: 0;
	position: absolute;
	right: 6px;
	top: 8px;
}

/*-- Alternate Sites Dropdowns --*/

#topDrops {
	left: 415px;
	position: absolute;
	top: 0;
	z-index: 200;
}

#siteDrop { margin: 0; padding: 0; width: 475px; }

/* Tab Links for Alternate Sites Drop Down */
#dropTabs {	margin: 0 auto; padding: 0 20px; }

#dropTabs p {
	display: inline-block;
	float: right;
	margin-left: 5px;
	padding: 0;
	width: auto;
}

#dropTabs span {
	background-color: #FFFFFF;
	display: inline-block;
	margin-top: -2px;
	padding: 6px 8px 0;
}

#dropTabs span.roundedBtm {
	background-color: #FFFFFF;
	border: 1px solid #cdcdcd;
	display: block;
	margin-top: 0;
	padding: 0 0 4px;
}

#dropTabs a {
	background: url(/app/images/layout/blueArrow_down.gif) 100% 65% no-repeat;
	display: inline-block;
	font-size: 0.92em;
	font-weight: bold;
	padding-right: 12px;
}

#dropTabs a.selected { background: url(/app/images/layout/blueArrow_up.gif) 100% 65% no-repeat; }

#dropTabs a:hover { text-decoration: none; }

/* Drop Shadow for Alternate Sites Drop Down */
#dropTabs.dropOpen { background: url(/app/images/layout/bg_dropBoxShadow.png) 50% 0 no-repeat; }

#dropTabs.dropOpen p { background: url(/app/images/layout/bg_dropTabShadow.png) 0 100% repeat-x; padding: 0 0 12px; }

/* Hidden Content Container for Alternate Sites Drop Down */
.dropBox {
	background-color: #FFFFFF;
	border: 1px solid #cdcdcd;
	display: none;
	margin-bottom: 5px;
	margin-top: -4px;
	padding: 0;
	width: 475px;
}

.dropContent {
	background: url(/app/images/layout/bg_dropHealthcare.jpg) 0 100% no-repeat;
	background-position: top left;
	margin: 0 0 1px 1px;
	padding: 22px 0;
}

.dropContentTeams {
	background: url(/app/images/layout/teams_icon.jpg) 0 100% no-repeat;
	background-position: top left;
	margin: 0 0 1px 1px;
	padding: 22px 0;
}

.dropContent h2, .dropContent p, .dropContent a.blueLink2 { margin: 0 25px 0 140px; }

.dropContent h2 { margin-bottom: 12px; }

.dropContentTeams h2, .dropContentTeams p, .dropContentTeams a.blueLink2 { margin: 0 25px 0 140px; }

.dropContentTeams h2 { margin-bottom: 12px; }

/* Body [#bd] Elements
---------------------------------------- */
#homeFlashContainer { margin: 0 auto; width: 980px; } /* Homepage Flash Content Container */

/*-- Breadcrumb & Utiliy Nav --*/

#intContentHead {
	border-bottom: 1px solid #cdcdcd;
	font-size: 0.92em;
	margin: 0 10px 20px;
	padding-bottom: 3px;
	position: relative;
	width: 960px;
	z-index: 4;
}

#breadcrumb, #utilNav {	display: inline-block; padding: 0; }

/* Breadcrumb Elements */
#breadcrumb {
	color: #343434;
	float: left;
	width: 480px;
}

#breadcrumb a {
	color: #343434;
	background: url(/app/images/layout/greyArrow_right.gif) 0 65% no-repeat;
	padding: 0 7px 0 12px;
}

#breadcrumb a.homeLink { background: url(/app/images/icons/link_breadcrumbHome.gif) 0 0 no-repeat; padding-left: 16px; }

/* Utility Navigation Elements */
#utilNav {
	float: right;
	text-align: right;
	width: 480px;
}

#utilNav a { color: #085A01; }

/* Utility Nav Link Elements for each individual link */
#shareBtn {
	background: url(/app/images/icons/link_share.gif) 0 0 no-repeat;
	border-right: 1px solid #cdcdcd;
	padding: 1px 10px 0 21px;
}

#emailBtn {
	background: url(/app/images/icons/link_email.gif) 0 -1px no-repeat;
	border-right: 1px solid #cdcdcd;
	margin-left: 10px;
	padding: 1px 10px 0 18px;
}

#printBtn {
	background: url(/app/images/icons/link_print.gif) 0 0 no-repeat;
	margin-left: 10px;
	padding: 1px 0 0 19px;
}

/* 'Share This Page' Overlay Elements */
#shareBox {
	display: none;
	position: absolute;
	left: 602px;
	top: 2.5em;
}

#shareBoxContent {	
	background-color: #FFFFFF;
	border: 1px solid #085A01;
	display: inline-block;
	float: left;
	font-size: 1.1em;
	padding: 12px 20px 20px 15px;
	position: relative;
	width: auto;
	z-index: 5;
}

#shareBoxContent p {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

#shareBoxContent ul {
	clear: both;
	display: inline;
	float: left;
	margin: 10px 0 0;
	width: auto;
}

#shareBoxContent li { margin-bottom: 6px; }

#shareBoxContent a:hover { text-decoration: none; }

#shareBoxContent a:hover span { text-decoration: underline; }

#shareBoxContent img {
	display: inline;
	margin-right: 8px;
	vertical-align: middle;
}

/* 'Email This Page' and Add to Cart Overlay Structural Containers */
#emailBox, #addToCart {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
}

#addToCart { right: 30px; top: 155px; }

/* 'Email This Page' Overlay Elements */
#emailBoxContent, #addToCartContent {
	background-color: #FFFFFF;
	border: 1px solid #085A01;
	padding: 8px 13px 25px;
	position: relative;
	width: 400px;
	z-index: 5;
}

#addToCartContent { width: 415px; }

#emailBoxContent h4 { margin-bottom: 10px; }

#emailBoxContent h4, #emailBoxContent p { margin-left: 10px; }

#emailBoxContent p, #emailBoxContent label { font-size: 1.1em; }

#emailBoxContent p a { font-weight: bold; text-decoration: underline; }

/* 'Email This Page' Overlay Close Link */
#emailBoxContent .closeBtn, #addToCartContent .closeBtn {
	font-size: 0.92em;
	padding-bottom: 0;
	text-align: right;
}

#emailBoxContent .closeBtn a, #addToCartContent .closeBtn a {
	color: #085A01;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
}

#emailBoxContent .closeBtn a:hover, #addToCartContent .closeBtn a:hover { text-decoration: underline; }

#emailBoxContent .closeBtn span, #addToCartContent .closeBtn span { font-weight: bold; }

/* 'Email This Page' Overlay error class */
#emailBoxContent .error { margin-left: 10px; padding-bottom: 10px; }

/* 'Email This Page' Overlay Form Field Elements */
#emailBoxContent fieldset p {
	clear: both;
	margin-left: 21px;
	padding: 17px 0;
	width: 75%;
}

#emailBoxContent fieldset label, #emailBoxContent fieldset input, #emailBoxContent fieldset select { float: left; }

#emailBoxContent fieldset label {
	clear: left;
	text-align: right;
	width: 120px;
}

#emailBoxContent fieldset input, #emailBoxContent fieldset select {
	margin: 0 0 8px 10px;
	vertical-align: middle;
	width: 210px;
}

#emailBoxContent fieldset select { width: 215px; }

#emailBoxContent fieldset .multiLine {
	float: left;
	height: 93px;
	overflow: auto;
	margin-left: 10px; 
	padding: 3px 5px;
	width: 202px
}

#emailBoxContent fieldset .copyMeCheckbox { margin: 0 0 10px 128px; padding-top: 8px; }

#emailBoxContent fieldset .copyMeCheckbox label {
	clear: none;
	margin: -3px 0 0 5px;
	width: auto;
}

#emailBoxContent fieldset .copyMeCheckbox input {
	clear: left;
	margin: 0;
	width: auto;
}

/* 'Email This Page' Overlay input buttons */
#emailBoxContent .emailBtns { margin: 15px 0 2px 128px; }

#emailBoxContent .emailBtns span { margin-right: 10px; }

#emailBoxContent .emailBtns .blueBdrLink2 { margin: 0; }

#emailBoxContent .emailBtns .blueBdrLink2 span { padding-left: 6px; padding-right: 12px; }

/* 'Add to Cart' link Overlay for Buy from Accu-Chek Module */
#addToCartContent p, #addToCartContent label { font-size: 1.0em; }

#addToCartContent p { padding-bottom: 12px; }

#addToCartContent .cartModule {
	margin: 0 0 12px;
	position: relative;
	width: auto;
}

.cartModule .cartModuleContent { background-color: #FFFFFF; border: 1px solid #0066CC; padding: 10px; }

.cartModule .cartModuleContent img { margin-right: 12px; }

.cartModule .cartModuleContent select { width: 40px; }

.cartModule .updateLink {
	display: inline-block;
	margin-left: 52px;
	padding-top: 4px;
}

/* 'Add to Cart' link Overlay input buttons */
#addToCartContent .cartBtns { clear: both; }

#addToCartContent .cartBtns a { margin: 15px 4px 0 4px; }

#addToCartContent .cartBtns span { padding-left: 9px; padding-right: 15px; }

/*-- Left Nav --*/

#leftNav ul { margin-bottom: 40px; }

#leftNav li { margin-bottom: 10px; }

#leftNav a { background: url(/app/images/layout/blueArrow_right.gif) 0 5px no-repeat; padding-left: 10px; }

/* Left Nav Selected state */
#leftNav a.selected {
	background: none;
	color: #000000;
	padding: 0;
}

#leftNav a.selected:hover { text-decoration: none; }

/*-- Right Nav --*/

#rightNav {
	background-color: #FFFFFF;
	border: 1px solid #0066CC;
	margin: 2px 0 20px;
}

#rightNav ul { margin: 19px 10px 25px -8px; }

#rightNav li { margin-bottom: 10px; padding-left: 27px; }

#rightNav a { background:transparent url(/app/images/layout/blueArrow_right.gif) no-repeat scroll 0 6px; padding-left:10px; display: inline-block; }



/* Right Nav Selected state */
#rightNav li.selected { background: url(/app/images/layout/bg_rightNav-on.gif) 0 0 no-repeat; }

#rightNav li.selected a {
	background: none;
	color: #000000;
	font-weight: bold;
	padding: 0;
}

#rightNav li.selected a:hover { text-decoration: none; }

/*-- Body Sub-Structure --*/

#oneColumn, #twoColumn, #threeColumn { margin: 0 10px; width: 960px; }

#oneColumn { padding: 0; }

#twoColumn { padding: 10px 0 0; }

.oneThree { padding: 0; }

#twoColumn h2 { margin-bottom: 28px; }

#leftColumn, #centerColumn, #rightColumn, #mainColumn { float: left; }

#leftColumn { padding-right: 20px; width: 171px; }

#mainColumn { width: 769px; }

#mainColumn h2 { font-size: 2.3em; margin-bottom: 22px; }

#mainColumn ul { margin-bottom: 14px; }

/* Template B and Product Details Page Sub-Structure */
.oneThree #leftColumn { padding-right: 39px; width: 261px; }

.oneThree #mainColumn { width: 660px; }

/* Results Page Sub-Structure (3 instances below) */
.results #leftColumn { padding-right: 15px; width: 155px; }

.results #leftColumn p { font-size: 0.92em; }

.results #mainColumn {
	border-left: 1px solid #cdcdcd;
	padding-left: 20px;
	width: 769px; 
}

#mainColumn #multiSection {
	border-top: 1px solid #cdcdcd;
	padding: 20px 0 0;
	width: 100%; 
}

#mainColumn #centerColumn { width: 500px; }

/* grant moved top padding */
#mainColumn #rightColumn {
	padding-left: 20px;
/*	padding-top: 3px; */
	width: 249px;
}

#centerColumn img.hero { margin-bottom: 23px; }

a.Hover {	
	border-bottom: 1px solid #0066CC;
	font-weight: bold;
	text-decoration: none;
}

a.dotted {
	border-bottom: 1px dotted #0066CC;
	font-weight: normal;
	text-decoration: none;
}

#multiWidgetSection #centerColumn { width: 505px; }

/* grant modified - remove top padding */
#multiWidgetSection #rightColumn {
	padding-left: 10px;
/*	padding-top: 12px; */
	width: 254px;
}

#multiWidgetSection .bottomLink { text-align: right; }

#multiWidgetSection .bottomLink a {
	background: url(/app/images/layout/blueArrow_right.gif) 100% 60% no-repeat;
	padding-right: 10px;
}

/*-- Product Overview/Landing Page --*/

.infoCallout { margin-bottom: 30px; position: relative; }

.infoCallout img {
	left: 0;
	position: absolute;
	top: -10px;
}

.infoCallout div.rounded {
	background-color: #FFFFFF;
	border: 1px solid #085A01;
	margin: 8px 18px;
	width: 747px; 
}

.infoCallout p {
	color: #0066CC;
	font-weight: bold;
	margin-left: 30px;
	padding: 5px 15px 5px 0;
}

/*-- Product Category/Overview Page --*/

h1.leadIn {
	font-family: "Bodoni Book", Georgia, "Times New Roman", Times, serif;
	font-size: 4.2em;
	margin-bottom: 22px;
}

#productInfo, #productImage, #productCategoryFlash { float: left; }

/* Product Information Container */
#productInfo { width: 260px; }

#productInfo ul { padding-bottom: 14px; }

#productInfo li {
	background: url(/app/images/layout/bullet_dkGrey.gif) 0 5px no-repeat;
	margin-bottom: 5px;
	padding-left: 14px;
}

/* Product Image Container */
#productImage { width: 295px; }

#productImage img { margin: 0 auto; }

/* Product Flash Container */
#productCategoryFlash { 
	position: relative;
	z-index: 1;
	width: 405px;
}

/*-- Product Gallery [Product Details Page] --*/

/* Elements for the Image Gallery Large Image */
#largeImage {
	height: 310px;
	margin-bottom: 5px;
	position: relative;
	width: 261px;
}

#largeImage img { margin: 0 auto; }

#largeImage a {
	background: #FFFFFF;
	color: #085A01;
	font-size: 0.75em;
	font-weight: bold;
	padding: 0 0 0 2px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 260px;
}

#largeImage a:hover { text-decoration: none; }

#largeImage img { margin: 0 0 10px 0; }

/* Elements for the Image Gallery Thumbnails */
.gallery_nostyle, .imageGallery { position: relative; left: 0; width: 261px; }

.gallery_nostyle li {	
	border: 1px solid #0066CC;
	display: block;
	float: left;
	height: 59px;
	margin: 5px 5px 0 0;
	padding: 1px;
	width: 59px
}

.gallery_nostyle li.last { margin-right: 0; }

.imageGallery li {
	background: url(/app/images/layout/bg_galleryThumbs.gif) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	float: left;
	height: 59px;
	margin: 0 5px 0 0;
	padding: 6px 1px 2px;
	width: 59px;
}

/* Image Gallery Thumbnails 'Active' state */
.imageGallery li.active { background: url(/app/images/layout/bg_galleryThumbs-on.gif) 0 0 no-repeat; }

.gallery_nostyle li img, .imageGallery li img {
	cursor: pointer;
	height: 57px;
	margin: 0;
	padding: 0;
	width: 57px;
}

/*-- Buy Now & Where to Buy --*/

/* Buy from Accu-Chek Module */
.buyAccuChek { vertical-align: middle; }

.buyAccuChek p { margin: 0; padding: 0; }

.buyAccuChek p a.blueLink2 {
	background: url(/app/images/layout/blueArrow_right.gif) 100% 60% no-repeat;
	float: right;
	font-size: 1.0em;
	margin: 0 5px 0 0;
	padding-right: 10px;
}

/* Content Container for the 'Retailers' Image links */
#featuredRetailers, #shopRetailers { clear: both; }

#shopRetailers h4 { margin-top: 35px; }  

.retailerLogo {
	border-bottom: 1px solid #cdcdcd;
	clear: left;
	height: 68px;
	padding: 15px 14px;
	width: auto;
}

.retailerLogo a {
	border-left: 1px solid #cdcdcd;
	display: inline-block;
	float: left;
	height: 68px;
	margin: 0;
	padding: 0 5px;
	vertical-align: middle;
	width: 166px;
}

.retailerLogo a.first { border-left: none; }

.retailerLogo a img { margin: auto; vertical-align: middle; }

/*-- Search Results (Product & Content Results) --*/

.resultsHeader { font-weight: bold; margin-bottom: 20px; }

.resultsHeader h5 {
	color: #343434;
	float: left;
	margin-right: 6px;
}

.resultsHeader span {
	background-color: #FFFFFF;
	border: 1px solid #0066CC;
	color: #0066CC;
	display: inline-block;
	float: left;
	padding: 2px 6px;
}

.resultsHeader a {
	float: left;
	font-weight: normal;
	margin-left: 6px;
}

/* Content Container for the results with Images */
.productResults { border-bottom: 1px solid #cdcdcd; margin-bottom: 30px; }

.productResults p { padding: 0; }

.productResults img { float: left; width: auto; }

.productResults a {
	float: left;
	font-weight: bold;
	margin: 12px 0 0 10px;
	width: 136px;
}

.productResults .searchProduct {
	border-left: 1px solid #cdcdcd;
	float: left;
	height: 115px;
	margin-bottom: 25px;
	padding: 0 22px;
	width: 208px;
}

.productResults .first { border: none; }

/* Content Container for the results with text */
.contentResults p { padding-bottom: 8px; }

.contentResults .relevancy {
	color: #085A01;
	font-size: 0.92em;
	font-weight: bold;
	padding-bottom: 20px;
}

/*-- Template D Elements --*/ 

/* Content Container for Information Selected in the Select Box to display using AJAX */ 
select#productType {
	height: 22px;
	margin-left: 5px;
	vertical-align: middle;
	width: 225px;
}

#selectedContent { height: auto; width: 100%; }

#selectedContent strong { color: #0066CC; }

/* Site Map Elements */
#sitemap h3 { font-weight: bold; }

#sitemap h4 { font-weight: normal; margin-bottom: 12px; }

#sitemap h5 { font-weight: bold; margin-bottom: 12px; }

#sitemap a { border: none; text-decoration: none; }

#sitemap a:hover { text-decoration: underline; }

#sitemap ul { margin-left: 25px; }

#sitemap li { margin: 12px; }

/* Press Release Elements */
#pressRelease p {
	float: left;
	padding-bottom: 10px;
	width: 100%;
}

#pressRelease .pressDate, #pressRelease .pressLink { display: inline-block; float: left; }

#pressRelease .pressDate { font-weight: bold; width: 100px; }

#pressRelease .pressLink { width: auto; }

/*-- Buttons (Green & Blue-Border) --*/

/* Green Button with a gradient */ 
a.greenBtn, a.greenBtn2  {
	background: url(/app/images/layout/bg_greenBtnLeft.gif) 0 0 no-repeat;
	cursor: pointer;
	font-size: 11px;
	height: 32px;
	margin-top: 20px;
	padding: 8px 0 11px 6px;
	text-transform: uppercase;
}

a.greenBtn span, .greenBtn2 span {
	background: url(/app/images/layout/bg_greenBtnRight.gif) 100% 0 no-repeat;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 32px;
	padding: 8px 15px 11px 9px;
}

a.greenBtn2 { padding: 0 0 0 6px; }

a.greenBtn2, a.greenBtn2 span { display: block; }

a.greenBtn2 span { text-align: center; }

a.greenBtn:hover, a.greenBtn2:hover { background-image: url(/app/images/layout/bg_greenBtnLeft-on.gif); text-decoration: none; }

a.greenBtn:hover span, a.greenBtn2:hover span { background-image: url(/app/images/layout/bg_greenBtnRight-on.gif); }

/* Blue Bordered 'A' Tag Button */
a.blueBdrLink, a.blueBdrLink2 {
	background: url(/app/images/layout/bg_blueBtnLeft.gif) 0 0 no-repeat;
	display: block;
	cursor: pointer;
	float: left;
	margin: 15px 5px 18px 0;
	font-size: 11px;
	height: 32px;
	padding: 0 0 0 6px;
	text-transform: uppercase;
	width: auto;
}

/* a.blueBdrLink { width: 268px; } */

a.blueBdrLink span, a.blueBdrLink2 span {
	background: url(/app/images/layout/bg_blueBtnRight.gif) 100% 0 no-repeat;
	cursor: pointer;
	display: block;
	font-weight: bold;
	padding: 9px 8px 9px 2px;
	text-align: center;
	white-space: nowrap;
	width: auto;
}

/* a.blueBdrLink span { width: 100%; }  */

a.blueBdrLink:hover, a.blueBdrLink2:hover {	background-image: url(/app/images/layout/bg_blueBtnLeft-on.gif); text-decoration: none; }

a.blueBdrLink:hover span, a.blueBdrLink2:hover span { background-image: url(/app/images/layout/bg_blueBtnRight-on.gif); }

/* Blue Bordered Input Button */
span.blueBdr {
	background: url(/app/images/layout/bg_blueBtnLeft.gif) 0 0 no-repeat;
	cursor: pointer;
	float: left;
	height: 32px;
	margin: 0;
	padding: 0 0 0 6px;
}

span.blueBdr input {
	background: url(/app/images/layout/bg_blueBtnRight.gif) 100% 0 no-repeat;
	border: none;
	color: #0066CC;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 32px;
	margin: 0;
	padding-left: 6px;
	padding-right: 12px;
	text-transform: uppercase;
	vertical-align: text-top;
	white-space: nowrap;
}

span.btnHover { background: url(/app/images/layout/bg_blueBtnLeft-on.gif) 0 0 no-repeat; }

span.btnHover input { background: url(/app/images/layout/bg_blueBtnRight-on.gif) 100% 0 no-repeat; }

/*-- Tabs --*/ 

#tabsContainer { margin: 14px 0 25px; width: 769px; } /* used everywhere else using a two column page */

#productDetailTabs { margin-top: 10px; width: 660px; } /* used on the Product Details Page */

/* Tab Links Structural Container */
#tabs {
	background: url(/app/images/layout/bg_tab.gif) #003567 0 0 repeat-x;
	padding: 1px 1px 0;
	width: 100%;
}

#tabs li {
	display: inline-block;
	float: left;
	width: auto;
}

#tabs a {
	color: #c9e4ff;
	display: inline-block;
	float: left;
	font-size: 0.92em;
	font-weight: bold;
	margin: 0 auto;
	padding: 6px 15px 8px;
	text-align: center;
	text-transform: uppercase;
}

/* Tab Links Hover and Selected states */
#tabs a:hover, #tabs a.selected {
	background: url(/app/images/layout/bg_tab-on.gif) #0167CC 0 0 repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}

#tabs a span { background: url(/app/images/layout/whiteArrow_right.gif) 0 60% no-repeat; padding-left: 8px; }

#tabs a:hover span, #tabs a.selected span { background: url(/app/images/layout/whiteArrow_down.gif) 0 60% no-repeat; }

/* Tabs Content Containers (Viewing Area) */
#tabContentContainer, #tabContentContainer2 {
	background-color: #FFFFFF;
	border: 1px solid #0066CC;
	clear: both;
}

#tabContentContainer { height: 516px; width: 767px; }

#tabContentContainer2 {	height: 495px; width: 658px; }

/* Tabs Content Container for each individual tab link */
.tabContent {
	display: none;
	float: left;
	overflow: auto;
	position: relative;
	width: auto;
}

#tabContentContainer .tabContent {
	height: 479px;
	padding: 20px 24px 20px 25px;
	width: 718px;
}

#tabContentContainer2 .tabContent {
	height: 458px;
	padding: 20px 44px 20px 38px;
	width: 576px;
}

.tabContent h3 { 
	display: none;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 5px;
}

.tabContent li {
	background: url(/app/images/layout/bullet_blue.gif) 0 8px no-repeat;
	margin-bottom: 15px;
	padding-left: 15px;
}

.tabContent h5 { margin: 5px 0 0 0; } 

/* Tab Module Structural Container */
.tabContent .tabModule {
	background-color: #FFFFFF;
	border: 1px solid #0066CC;
	margin: 5px 0 22px;
	position: relative;
	width: auto;
}

/* Tab Module Alternate Rounded Corners */
.tabModule .tl { background: url(/app/images/layout/corner_tl.gif) 0 0 no-repeat; margin: -1px 0 0 -1px; }

.tabModule .tr { background: url(/app/images/layout/corner_tr.gif) 100% 0 no-repeat; margin: -1px -1px 0 0; }

.tabModule .bl { background: url(/app/images/layout/corner_bl.gif) 0 100% no-repeat; margin: 0 0 -1px; }

.tabModule .br { background: url(/app/images/layout/corner_br.gif) 100% 100% no-repeat; margin: 0 0 -1px; }

.tabModule .tabModuleCopy {	padding: 9px; }

/*--
.tabContent .tabModule h5 {
	display: inline;
	margin-top: -2px;
}


--*/


.tabModule img.leftAlign { margin-right: 10px; }

.tabModule img.rightAlign { margin-left: 10px; }

/*-- .tabModule p { padding-bottom: 0; } --*/

/*-- Form Field Pages --*/

/* Form Fields Breadcrumb Container */
#formBreadcrumb { margin: 0 0 25px; }

#formCrumbContent {
	background-color: #FFFFFF;
	border: 1px solid #0066CC;
	padding: 0;
}

#formCrumbContent p {
	display: block;
	margin: 0;
	padding: 7px 0;
}

#formCrumbContent span {
	color: #5C5C5C;
	display: inline-block;
	float: left;
	font-size: 0.92em;
	font-weight: bold;
	margin: 0 15px 0 12px;
	padding: 0;
	vertical-align: middle;
}

#formCrumbContent #s1 { text-align: center; width: 226px; }

#formCrumbContent #s2 { text-align: center; width: 234px; }

#formCrumbContent #s3 { text-align: center; width: 220px; }

#formCrumbContent .step1 { background: url(/app/images/layout/bg_formBCrumb1.gif) 0 50% no-repeat; } /* Class to activate the 'Step 1' on the breadcrumb */

#formCrumbContent .step1 #s1 { color: #FFFFFF; }

#formCrumbContent .step2 { background: url(/app/images/layout/bg_formBCrumb2.gif) 50% 50% no-repeat; } /* Class to activate the 'Step 2' on the breadcrumb */

#formCrumbContent .step2 #s2 { color: #FFFFFF; }

#formCrumbContent .step3 { background: url(/app/images/layout/bg_formBCrumb3.gif) 100% 50% no-repeat; } /* Class to activate the 'Step 3' on the breadcrumb */

#formCrumbContent .step3 #s3 { color: #FFFFFF; }

/* Form Field Content Container */
.regForm { padding-bottom: 18px; }

.regForm h3 { text-align: left; width: 350px; }

.regForm label, .multiInput p {
	clear: left;
	display: inline-block;
	float: left;
	text-align: right;
	width: 250px;
}

.regForm input, .regForm select {
	clear: right;
	display: inline-block;
	float: left;
	margin-left: 26px;
}

/* Class for bodies of text for Form Fields */
.formCopy {
	font-size: 0.92em;
	font-style: italic;
	margin-left: 50px;
	width: 410px;
}

.regForm span, .requiredStmt { color: #085A01; }

/* Class for the 'Required' text */
.requiredStmt {
	font-size: 0.92em;
	font-style: italic;
	text-align: right;
	width: 207px;
}

/* Form Fields with Text and Select Boxes */
.inputFields {
	float: left;
	margin-bottom: 7px;
	margin-right: 10px;
	width: auto;
}

.inputFields p {
	display: block;
	float: left;
	padding: 0;
	position: relative;
	width: auto;
}

/* Used as a form of <textarea> */
#legalBox {
	border: 1px solid #7f9db9;
	clear: right;
	display: inline-block;
	float: left;
	height: 69px;
	margin: 0 0 8px 26px;
	overflow: auto;
	padding: 15px;
	width: 493px;
}

.inputFields input, .inputFields select {
	height: 16px;
	margin-bottom: 8px;
	width: 242px;
}

.inputFields select { height: 22px; width: 250px; }

.inputFields label { margin-top: 2px; }

/* Form fields with Radio Buttons and Checkboxes --
	inputBlocks - used when the 'inputs' are stacked vertically with long text
	inputBlocks2 - used when the 'inputs' are stacked horizontally
	inputBlocks3 - used when the 'inputs' are stacked vertically with short text */
	
.multiInput, .singleInput { clear: both; position: relative; }

/* Form Field with a single Checkbox */
.singleInput { padding-left: 233px; }

.multiInput input, .multiInput label, .singleInput input, .singleInput label {
	clear: none;
	float: none;
	margin: 0;	
	width: auto;
}

.multiInput input, .singleInput input { vertical-align: text-top; }

.multiInput label, .singleInput label {
	margin-left:7px;
	text-align:right;
	vertical-align:top;
}

.multiInput p { clear: none; padding: 0; }

.multiInput .emptyLabel { width: 207px; }

.multiInput p.inputBlocks, .multiInput p.inputBlocks2, .multiInput p.inputBlocks3 { margin: 0 0 8px 26px; text-align: left; }

.multiInput p.inputBlocks { width: 490px; }

.multiInput p.inputBlocks input, .multiInput p.inputBlocks label { float: left; }

.multiInput p.inputBlocks input { margin-top: 2px; }

.multiInput p.inputBlocks label {
	display: block;
	margin-bottom: 5px;
	width: 495px;
}

.multiInput p.inputBlocks2, .multiInput p.inputBlocks3 { width: auto; }

.multiInput p.inputBlocks2 label { padding-right: 10px; }

.multiInput p.inputBlocks3 label, .multiInput p.inputBlocks3 input 
{ 
	margin-bottom:2px;
	margin-top:2px;
	margin-left:3px;
	text-align: left;
}

.multiInput .radioLabel { width: 42px; }

.multiInput .checkLabel { width: 65px; }

/* Italicized 'Help' text/link to the right of a form element */
span.inputInfo {
	color: #000000;
	display: inline-block;
	font-size: 0.92em;
	font-style: italic;
	line-height: 1.3;
	position: absolute;
	text-align: left;
	top: 5px;
}

.inputFields p span.inputInfo { left: 540px; width: 290px; }

.multiInput span.inputInfo { right: 30px; width: 425px; }

/* Italicized 'Help' text/link to the right of a form element */
div.inputInfo {
	color: #000000;
	font-size: 0.92em;
	font-style: italic;
	line-height: 1.3;
	text-align: left;
	margin-bottom: 15px;
	margin-left: 270px;
	width:270px;
}

/* long question */
div.longQuestion {
	color: #000000;
	text-align: left;
	margin-bottom: 15px;
	width:auto;
}

div.longAnswer {
	color: #000000;
	text-align: left;
	margin-bottom: 15px;
	margin-left: 70px;
	width:auto;
}

div.longAnswer span {
	margin-right: 25px;
}

div.longAnswer div.inputInfo {
	width:490px;
	text-align:center;
	margin-left:-30px;
}





/* Error classes for form pages --
	errorDetails - used for error text
	error - used on form elements (i.e. - inputs, labels, selects) */
	
.errorDetails { margin-left: 25px; }

.errorDetails, .errorDetails a, .error label, .error p { color: #FF0000; }

.error input, .error select { background-color: #FFFCC5; border: 1px solid #FF0000; }

.error p.inputBlocks label, .error p.inputBlocks2 label { color: #343434; }

/* Buttons for pages with forms, e.g. Site Registration */
#formBtns { clear: both; margin: 20px 0 25px 233px; }

#formBtns span { margin-right: 12px; }

/*-- Content Widgets --*/
/*grant modified padding from 12 to 0 for top */
.fullWidget, .halfWidgetContainer { margin: 0px 0 25px; width: 100%; }

.fullWidget h4, .halfWidgetContainer h4 {
	background: url(/app/images/layout/bg_tab-on.gif) #0066CC 0 0 repeat-x;
	color: #FFFFFF;
	font-size: 0.92em;
	padding: 7px 11px 9px;
	position: relative;
	text-transform: uppercase;
	width: auto;
}

/*
Grant commented out to fix headers
.fullWidget h4 span, .halfWidgetContainer h4 span {
	position: absolute;
	right: 0;
	text-align: right;
}
*/


.fullWidget h4 a, .halfWidgetContainer h4 a { color: #FFFFFF; font-weight: normal; }

.fullWidget h5 {
	font-size: 1.25em;
	font-weight: normal;
	margin: 0 0 15px;
}

.fullWidget .roundedBtm, .halfWidgetContainer .roundedBtm {
	background-color: #FFFFFF;
	border: 1px solid #0066CC;
	margin-top: -1px;
}

/* Elements used for the My Products Section on the My Accu-Chek (Authenticated) Page */
.fullWidget #myProducts {
	border-bottom: 1px solid #cdcdcd;
	margin: 0 0 25px;
	padding-bottom: 3px;
	position: relative;
	z-index: 100;
}

.fullWidget #myProducts a { margin-right: 6px; }

.fullWidget #myProducts a.selected { font-weight: bold; }

.fullWidget #myProducts span { border-right: 1px solid #cdcdcd; margin-right: 6px; }



/* Widget (Full Size) Structural and Content Container Elements --
	oneSectionContent - used when there is no need for any sub-modules
	oneSectionContent2 - used when a button is needed and displayed on the bottom right (see My-Accu-Chek [UnAuthenticated])
	twoSectionContent & twoSectionContent2 - used when there is a need for two sub-modules with either similar or different content
	twoSectionContent3 - (see 'My Products' on the My-Accu-Chek [Authenticated])
	twoSectionContent4 - (see first 'Widget' on My-Accu-Chek [UnAuthenticated])
	threeSectionContent - used when there is a need for three sub-modules (see first 'Widget' Caring for Others) */
	
.fullWidget .oneSectionContent, .fullWidget .twoSectionContent, .fullWidget .twoSectionContent2, .fullWidget .threeSectionContent { padding: 20px 23px 16px; }

.fullWidget .twoSectionContent2 { padding-right: 0; }

.fullWidget .twoSectionContent3 { padding: 5px 10px 15px; }

.fullWidget .oneSectionContent2, .fullWidget .twoSectionContent4 { padding: 15px; }

.fullWidget .formContent { padding-bottom: 5px; }

.fullWidget .formContent span { display: block; margin-bottom: 8px; width: 100%; }

.fullWidget .twoSectionContent img {
	display: block;
	float: left;
	width: auto;
	margin-right:10px;
}

/* Grant commented out width to allow full widgets to expand entire length of widget */
.fullWidget .twoSectionContent p {
	float: left;
	margin-left: 12px;
	/* width: 221px; */
}

.fullWidget .twoSectionContent p.subsection, .fullWidget .twoSectionContent2 p {
	float: none;
	margin: 0;
	width: auto;
}

.fullWidget .twoSectionContent2 p { margin-left: 12px; }

.fullWidget .twoSectionContent p.subsection a, .fullWidget .threeSectionContent span { display: inline-block; margin-bottom: 8px; }

.fullWidget .threeSectionContent p { padding-bottom: 12px; }

.fullWidget .threeSectionContent .greenBtn2 { margin-top: 10px;	width: 217px; }

.fullWidget .threeSectionContent .greenBtn2 span { margin: 0; width: 197px; }

.twoSectionContent .leftSection, .twoSectionContent .rightSection { float: left; width: 50%; }

.twoSectionContent2 .leftSection {
	float: left;
	padding-right: 15px;
	width: 207px;
}

.twoSectionContent2 .leftSection #widgetNav li { margin-bottom: 6px; }

.twoSectionContent2 .leftSection #widgetNav a { background: url(/app/images/layout/blueArrow_right.gif) 0 60% no-repeat; padding-left: 10px; }

.twoSectionContent2 .leftSection #widgetNav a.selected {
	background: none;
	color: #000000;
	padding: 0;
}

.twoSectionContent2 .leftSection #widgetNav a.selected:hover { text-decoration: none; }

.twoSectionContent2 .rightSection {
	border-left: 1px solid #cdcdcd;
	float: left;
	padding-left: 4px;
	width: 513px;
}

.twoSectionContent2 .rightSection .copyBlock {
	height: 150px;
	overflow: auto;	
	width: 100%;
}

.twoSectionContent2 .rightSection .copyBlock a { font-weight: bold; text-decoration: underline; }

.twoSectionContent3 .leftSection {
	float: left;
	padding-right: 15px;
	width: 437px;
}

/* If Full is 755px w/ 10px margins and left is  437 + 15 margins this only has 266 to play with */
/* was 260 with 14px margins, moved down to 250 with 8px margins */

.twoSectionContent3 .rightSection {
	float: left;
	margin: 0 8px;
	width: 250px;
}

.twoSectionContent4 .leftSection {
	border-right: 1px solid #cdcdcd;
	float: left;
	margin: 0 -1px 0 0;
	padding: 0 20px 0 0;
	position: relative;
	width: 520px;
}

.twoSectionContent4 .rightSection {
	float: right;
	left: 1px;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
	width: 163px;
}

.twoSectionContent4 .rightSection h5 { font-size: 1.0em; font-weight: bold; }

.twoSectionContent4 .rightSection input {
	display: block;
	margin: 0 0 12px;
	width: 150px;
}

.twoSectionContent4 .rightSection p { padding-bottom: 16px;}

.twoSectionContent4 .rightSection .blueBdr input {
	display: inline;
	margin: 0;
	width: auto;
}

.twoSectionContent4 .leftSection .blueBdrLink2, .oneSectionContent2  .blueBdrLink2 { margin: 0; }

.twoSectionContent4 .leftSection .blueBdrLink2 span, .oneSectionContent2  .blueBdrLink2 span { padding-left: 9px; padding-right: 15px; }

.threeSectionContent .leftSection, .threeSectionContent .centerSection, .threeSectionContent .rightSection { float: left; width: 227px; }

.threeSectionContent .leftSection, .threeSectionContent .centerSection { margin-right: 20px; }

.fullWidget .widgetBtn { float: left; margin: 10px 0 0; padding-bottom: 20px; }

.fullWidget .widgetBtn span { margin-bottom: 0; padding: 0 0 0 6px; }

/* Elements (below) used in the My Accu-Chek (Authenticated) Page */
.fullWidget .userInfo p {
	margin: 0;
	padding-bottom: 12px;
	width: 100%;
}

.fullWidget .accountLabel, .fullWidget .accountValue { display: inline-block; float: left; }

.fullWidget .accountLabel {
	font-weight: bold;
	text-align: right;
	width: 115px;
}

.fullWidget .accountValue { margin-left: 10px; }

.fullWidget #myProductImg { float: left; width: 136px; }

/* .fullWidget #myProductImg img { margin: 0 auto; } */

.fullWidget #myProductImg img { margin-left:35px; }

.fullWidget #myProductCopy { float: left; width: 300px; }

.fullWidget #myProductCopy h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 2px;
}

.fullWidget #myProductCopy p { padding-bottom: 8px; }

.fullWidget #myProductCopy li {
	background: url(/app/images/layout/bullet_blue.gif) 0 60% no-repeat;
	font-size: 0.92em;
	padding-left: 10px;
}

/* Widget Module Structural Container */
.fullWidget .widgetModule {
	background-color: #FFFFFF;
	border: 1px solid #0066CC;
	margin: 5px 0 22px;
	position: relative;
	width: auto;
}

/* Widget Module Alternate Rounded Corners */
.widgetModule .tl { background: url(/app/images/layout/corner_tl.gif) 0 0 no-repeat; margin: -1px 0 0 -1px; }

.widgetModule .tr { background: url(/app/images/layout/corner_tr.gif) 100% 0 no-repeat; margin: -1px -1px 0 0; }

.widgetModule .bl { background: url(/app/images/layout/corner_bl.gif) 0 100% no-repeat; margin: 0 0 -1px; }

.widgetModule .br { background: url(/app/images/layout/corner_br.gif) 100% 100% no-repeat; margin: 0 0 -1px; }

.widgetModule .widgetModuleCopy { padding: 9px; }

.widgetModule h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 5px 0 0;
}

.widgetModule p { padding-bottom: 0; }

.fullWidget .rightAlign {
	clear: right;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	width: auto;
}

.widgetModule img.leftAlign { margin-right: 10px; }

.widgetModule img.rightAlign { margin-left: 10px; }

/* Elements (below) used in the My Accu-Chek (UnAuthenticated) Page */
#multiWidgetSection h3 {
	font-size: 1.6em;
	line-height: 1.4;
	margin: 8px 0;
}

#multiWidgetSection .rightCallout h4 { text-transform: uppercase; }

#multiWidgetSection .rightCallout .bottomLink a {	font-weight: normal; }

#multiWidgetSection .fullWidget .twoSectionContent { padding: 22px 12px 20px; position: relative; }

/* Grant commented out for UK's widgets */
/* #multiWidgetSection .fullWidget .twoSectionContent img.leftAlign { margin: 0 10px 10px 0; padding-bottom: 20px; } */

#multiWidgetSection .fullWidget .twoSectionContent img.rightAlign { margin: 0 0 10px 10px; padding-bottom: 20px; }

#multiWidgetSection .fullWidget .twoSectionContent .leftAlign a, #multiWidgetSection .fullWidget .twoSectionContent .rightAlign a { font-weight: bold; }

#multiWidgetSection .fullWidget .twoSectionContent .bottomLink {
	bottom: 2px;
	position: absolute;
	right: 16px;
}

#multiWidgetSection .fullWidget .twoSectionContent p {
	float: none;
	margin: 0;
	padding: 0 0 15px 0;
	width: auto;
}

#multiWidgetSection .fullWidget .twoSectionContent p.leftAlign, #multiWidgetSection .fullWidget .twoSectionContent p.rightAlign {
	clear: both;
	display: inline;
	margin: 0;
	width: auto;
}

.fullWidget .optionsImg, .fullWidget .optionsList, .fullWidget .optionsList2 { float: left; width: auto; }

.fullWidget .optionsList, .fullWidget .optionsList2 { margin-left: 15px; }

.fullWidget .optionsList li, .fullWidget .optionsList2 li {
	background: url(/app/images/layout/bullet_dkGrey.gif) 0 5px no-repeat;
	margin-bottom: 16px;
	padding-left: 12px;
}

.fullWidget .optionsImg { width: 180px; }

.fullWidget .optionsImg img { display: block; }

.fullWidget .optionsList { width: 335px; }

/* .fullWidget .optionsList2 { width: 530px; } */

/* Half Widget Elements */
.halfWidgetLeft, .halfWidgetRight { width: 379px; }

.halfWidgetLeft { float: left; }

.halfWidgetRight { float: right; }

.halfWidgetContainer .halfWidgetContent { padding: 10px 12px 15px; }

.halfWidgetContainer .halfWidgetContent p { padding-bottom: 10px; }

.halfWidgetContainer .halfWidgetContent p a {
	font-size: 0.92em;
	font-weight: bold;
	margin: 0 5px;
}

.halfWidgetContainer .halfWidgetContent p.rightLink {
	color: #cdcdcd;
	padding-bottom: 5px;
	text-align: right;
	width: auto;
}

/*-- Left & Right Callouts --*/

.leftCallout { margin-bottom: 25px; }

.rightCallout { margin-bottom: 20px; }

/* Classes used to display a 1 pixel blue border with rounded corners */
.leftCallout .rounded, .rightCallout .rounded {
	background-color: #FFFFFF;
	border: 1px solid #0066CC;
	padding: 10px;
}

.leftCallout img, .rightCallout img { display: inline-block; margin: 0 0 10px 0; }

.leftCallout img.leftAlign, .rightCallout img.leftAlign { margin-right: 10px; }

.leftCallout img.rightAlign, .rightCallout img.rightAlign { margin-left: 10px; }

.leftCallout h5, .rightCallout h5 { margin: 0 0 4px; }

.leftCallout p, .leftCallout a, .rightCallout p { font-size: 0.92em; padding: 0 0 12px 0; }

.leftCallout span { display: block; margin-bottom: 5px; }

.rightCallout p { padding-bottom: 11px; }

.rightCallout p a { font-weight: bold; }

/* Elements used to display a blue background header and 1 pixel solid border with rounded corners (2 elements below) */
.rightCallout h4 {
	background: url(/app/images/layout/bg_tab-on.gif) 0 0 repeat-x;
	color: #FFFFFF;
	font-size: 0.92em;
	padding: 6px 11px 9px;
	width: auto;
}

.rightCallout .roundedBtm {
	background-color: #FFFFFF;
	border: 1px solid #0066CC;
	padding: 15px 10px 6px;
}

/*-- Drop Shadow --*/

.dsBody {
	background: url(/app/images/layout/bg_shadowLeft.png) 0 0 no-repeat;
	height: 100%;
	padding: 0 0 2px 4px;
}

.dsBottom {
	background: url(/app/images/layout/bg_shadowBottomRight.png) 100% 0 no-repeat;
	padding-right: 10px;
	position: relative;
	width: auto;
	z-index: 1;
}

.dsBottomFill {
	background: url(/app/images/layout/bg_shadowBottom.png) 0 0 no-repeat;
	height: 6px;
	width: auto;
}

/*-- Tool Tips --*/

.tooltip, .toolTipLeft {
	display: none;
	height:auto;
	padding-left: 5px;
	position: absolute;
	width: 315px;
	z-index:10;
}

.tooltip .rounded, .toolTipLeft .rounded {
	background: #FFFFFF;
	border: 1px solid #0066CC;
	padding-right: 20px; 
	position: relative;
	z-index: 5;
}

.tooltipContent {
	background: url(/app/images/layout/bg_rightNav-on.gif) 0 35px no-repeat;
	left: -7px;
	padding: 12px 0 12px 27px;
	position: relative;
	z-index: 10;
}

.toolTipLeft .tooltipContent {
	background:transparent url(/app/images/layout/bg_leftNav-on.gif) no-repeat scroll 300px 35px;
	left: 7px;
	padding: 12px 30px 12px 27px;
	position: relative;
	z-index: 10;
}

.tooltipContent img.leftAlign { margin: 2px 10px 0 0; }

.tooltipContent h5 { margin-top: 8px; }

/*-- FAQs Answer Page --*/

#faqsAnswers h4, #faqsAnswers ul, #faqsAnswers span { display: block; padding-left: 15px; }

#faqsAnswers h3, #faqsAnswers h4, #faqsAnswers li { margin: 0 0 6px; }

#faqsAnswers p { padding-bottom: 12px; }

#faqsAnswers span { text-align: right; }

#faqsAnswers .closeAnswer { cursor: pointer; } 

/* Product Video Popup Elements
---------------------------------------- */
#popUpVideo {
	background: #FFFFFF;
	min-height: 300px;
	padding: 0 20px;
	width: 400px;
}

#popUpVideo h4 { margin: 5px 0 4px; }

#popUpVideo p { margin-bottom: 14px; }

#popUpVideo #productVideoContainer {
	display: block;
	width: 400px;
}

/* Footer [#ft] Elements
---------------------------------------- */
#ft p { padding-bottom: 14px; }

/* Solid Grey Line - used only when footer callouts are present and page needs a separator between body and footer content but not needed when only using 'footerBottom' */
.topBdr {
	background-color: #cdcdcd;
	border: none;
	height: 1px;
	margin: 20px 10px 0;
}

/* Elements for the News Banner */
#newsBanner {
	background-color: #FFFFFF;
	border: 1px solid #a2a2a2;
	font-size: 0.92em;
	margin-bottom: 2px;
	margin-top: 25px;
	padding: 4px 0; 	
}

#newsBanner span, #newsBanner p { float: left; }

#newsBanner span, #newsBanner a { color: #085A01; font-weight: bold; }

#newsBanner span { padding: 3px 5px 4px 10px; }

#newsBanner p {
	display: inline-block;
	padding: 3px 10px 4px 0;
	width: 750px;
}

#newsBanner a {
	background: url(/app/images/layout/greenArrow_right.gif) 100% 55% no-repeat;
	float: right;
	text-align: right;
	margin-right: 10px;
	padding: 3px 8px 4px 0;
}

/* Elements for the Footer Callouts */
#footerCallouts, #footerCallouts2, #footerCallouts3 { margin: 26px 10px 0; }

#footerCallouts { background: none; } /* Used for only one footer callout */

#footerCallouts2 { background: url(/app/images/layout/bg_footerCallouts2.gif) 0 0 repeat-y; } /* Used for two footer callouts */

#footerCallouts3 { background: url(/app/images/layout/bg_footerCallouts.gif) 0 0 repeat-y; } /* Used for three footer callouts */

.ftCallout {
	background: none;
	float: left;
	display: block;
	height: 100%;
	padding: 0 10px;
	width: auto;
}

#footerCallouts .ftCallout { padding: 0; width: 940px; }

#footerCallouts2 .ftCallout { width: 460px; }

#footerCallouts3 .ftCallout { width: 300px; }

.ftCallout img.leftAlign { margin: 0 10px 0 0; }

.ftCallout img.rightAlign { margin: 0 0 0 10px; }

.ftCallout h5 { margin: 10px 0 4px; } 

.ftCallout p { padding: 0 5px 0 0; }

/* Elements for the Footer Links, Terms of Use, and Copyright */
#footerBottom {
	border-top: 1px solid #cdcdcd;
	clear: both;
	margin: 20px 10px;
	padding: 0 24px;
}

#footerLinks { margin: 22px 0 16px; padding: 0; }

#footerLinks img {
	display: inline;
	margin-right: 5px;
	vertical-align: middle;
}

#footerLinks a {
	background: url(/app/images/layout/blueArrow_rightFT.gif) 0 60% no-repeat;
	font-size: 0.92em;
	margin-right: 22px;
	padding-left: 8px;
}

#terms, #copyright { color: #636363; }

#terms { font-size: 0.83em; padding-bottom: 25px; }

#copyright { font-size: 0.75em; }

/* FooterBottom Elements for Template H and Country Select Pages */
#footerBottomC, #footerBottomH {
	border-top: 1px solid #cdcdcd;
	clear: both;
	margin: 0 10px 30px;
	padding: 20px 0;
}

#footerBottomC {
	border: none;
	margin: 0 60px 30px 45px;
	padding: 0;
}

#footerBottomC #footerLinks, #footerBottomH #footerLinks {
	float: left;
	margin: 0;
	width: 40%;
}

#footerBottomC #footerLinks a { background: none; }

#footerBottomC #copyright, #footerBottomH #copyright {
	float: right;
	text-align: right;
	width: 60%;
}