/* MAIN Diabetes CSS Document */

body {
/* background: #1D4F96 url(../images/main_background.gif) repeat-y 50% 0; */
/* background-attachment:fixed; */
font-size:0.8em;
background-color:#FFFFFF;
margin: 0;
padding: 0;
text-align: center;
font-family:Arial, Helvetica, sans-serif;

}

a:link { color:#007f8d;}
a:active { color:#007f8d;}
a:visited { color:#007f8d;}
a:hover { color:#1d1b63;}



.clear {
        clear: both;
}



form { margin:0; }


/* container css*/
#container {
   margin: 0px auto;
   text-align: left;
   width: 760px;
}


/* header css*/
#header {
	width: 635px;
	float: left;
	padding-top: 27px;
	
}

#mainlogo {
   	width: 120px;
	float: left;
	padding-bottom:0px;
	background-color:#FFFFFF;
}


#strapline {
	width: 635px;
}
#mainmenu {
	width: 635px;
}


h1 {
   font-size:1.6em;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0px 0px 3px 0px;
}

h2 {
   font-size:1.0em;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0px 0px 3px 0px;
}

h3 {
   font-size:1.0em;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0px 0px 3px 0px;
}

h4 {
   font-size:1.1em;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0px 0px 3px 0px;
}

h5 {
   font-size:1.1em;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0px 0px 3px 0px;
}

ul { margin:0; }

ul {list-style-position:outside;
	padding:0px 5px 4px 0px;
	margin-top: 3pt;
	margin-left: 0pt;
	margin-bottom: 1pt;
	} 
	
li { margin-bottom:8px; margin-top: 1pt; margin-left: 12pt; margin-bottom: 3pt; }



/* content css*/

/* home container*/
#contentContainer01 { 
 width: 750px;
 float: left;
 padding: 0px 0px 0px 0px; 
 border: 5px solid #103b7f;
 background-color:#FFFFFF;
}

/* overview container*/
#contentContainer02 {
 width: 750px;
 float: left;
 padding: 0px 0px 0px 0px; 
 border: 5px solid #103b7f;
 background-color:#FFFFFF;
 background-image:url(../images/backOverview.gif) ;
 background-position:bottom;
 background-repeat:no-repeat;
}

/* choose menu page 1*/
#contentContainer03 {
 width: 750px;
 float: left;
 padding: 0px 0px 0px 0px; 
 border: 5px solid #103b7f;
 background-color:#000000;
 background-image:url(../images/backMenu01.jpg) ;
 background-position:bottom;
 background-repeat:no-repeat;
 color:#FFFFFF;
}

/* choose menu page 1*/
#contentContainer03b {
 width: 750px;
 float: left;
 padding: 0px 0px 0px 0px; 
 border: 5px solid #103b7f;
 background-color:#996633;
 background-image:url(../images/backMenu01b.gif) ;
 background-position:bottom;
 background-repeat:no-repeat;
 height:450px;
 color:#FFFFFF;
}

/* choose menu page 2*/
#contentContainer04 {
 width: 750px;
 float: left;
 padding: 0px 0px 0px 0px; 
 border: 5px solid #103b7f;
 background-color:#FFFFFF;
 background-image:url(../images/backMenu02.jpg) ;
 background-position:bottom;
 background-repeat:no-repeat;
 height:450px;
 color:#000000;
}

/* know your labels page*/
#contentContainer05 {
 width: 750px;
 float: left;
 padding: 0px 0px 0px 0px; 
 border: 5px solid #103b7f;
 background-color:#FFFFFF;
 background-image:url(../images/backLabels.gif) ;
 background-position:bottom;
 background-repeat:no-repeat;

 color:#000000;
}

/* shop - how it works */
#storeContainer01 {
 width: 760px;
 float: left;
 padding: 0px 0px 0px 0px; 
 border-top: 5px solid #103b7f;
 background-color:#000000;
 background-position:bottom;
 background-image:url(../images/backStore.gif) ;
 color:#000000;
}


/* */
#storeContainer02 {
 width: 760px;
 float: left;
 padding: 0px 0px 0px 0px; 
 border-top: 5px solid #103b7f;
 background-color:#000000;
 background-position:bottom;
 background-image:url(../images/backStore.gif) ;
 color:#000000;
}


/* basket */
#basketContainer01 {
 width: 750px;
 float: left;
 padding: 0px 0px 0px 0px; 
 border: 5px solid #103b7f;
 background-color:#FFFFFF;
 background-image:url(../images/backBasket.gif) ;
 background-position:bottom;
 background-repeat:no-repeat;
 height:450px;
 color:#000000;
}

/* feedback */
#feedbackContainer01 {
 width: 750px;
 float: left;
 padding: 0px 0px 0px 0px; 
 border: 5px solid #103b7f;
 background-color:#FFFFFF;
 background-image:url(../images/backFeedback.gif) ;
 background-position:bottom;
 background-repeat:no-repeat;
 height:450px;
 color:#000000;
}


#storeBlock01 { float:left; width:533px; background-image:url(../images/backShopping01.gif); background-repeat:no-repeat; padding:0px 0px 0px 0px; }
#storeBlock02 { float:left; width:227px; height:480px; background-image:url(../images/backShopping02.gif); } 

#storeBlock01b { float:left; width:533px; background-image:url(../images/backShopping01b.gif); background-repeat:no-repeat; padding:0px 0px 0px 0px; }
#storeBlock02b { float:left; width:227px; height:480px; background-image:url(../images/backShopping02b.gif); } 

#storeBlock01c { float:left; width:533px; background-image:url(../images/backShopping01c.gif); background-repeat:no-repeat; padding:0px 0px 0px 0px; }

#storeTop { width:528px; height:170px; border-left: 5px solid #103b7f; color:#FFFFFF;}
#storeTopTab { width:528px; height:25px; border-left: 5px solid #103b7f; color:#FFFFFF;}
#storeTopb { width:443px; height:209px; border-left: 5px solid #103b7f; color:#FFFFFF; padding:70px 0px 0px 85px;}
#storeTopc { width:528px; height:279px; border-left: 5px solid #103b7f; color:#FFFFFF; padding:0px 0px 0px 0px;}

#storeTop2 { width:227px; height:110px; }
#storeTitle{ width:227px; height:22px; color:#FFFFFF; }
#storeTop2b { width:199px; height:67px; padding:28px 24px 15px 4px; color:#FFFFFF; font-size:1.3em; font-weight:bold;}

#add01 { width:318px; height:269px; background-color:#FFFFFF; display:block; float:left; color:#000000; padding:10px 10px 0px 10px; font-size:0.9em; }
#add02 { width:164px; height:269px; background-image:url(../images/backAdd.gif); display:block; float:left; padding:10px 16px 0px 10px; font-size:0.8em; text-align:left; }
#add03 { height:60px; padding:3px 6px 0px 0px; }
#add04 { height:112px; }
#add05 { height:34px; }

#item01 { float:left; padding:10px 0px 0px 0px; width:140px; }
#item02 { float:left; padding:10px 0px 0px 10px; width:168px; }
#itemBox { padding:2px 0px 10px 0px; width:173px; font-weight:bold; font-size:1.0em;}
.itemBoxLeft { float:left; padding:1px 0px 0px 1px; width:120px; }
.itemBoxRight { float:left; padding:1px 0px 0px 1px; } 

#addBox { padding:6px 0px 0px 0px; width:134px; font-weight:bold; font-size:0.8em; margin:0px;}
#addBox select { width:60px; font-size:1.2em; }
.addBoxLeft { float:left; padding:1px 0px 0px 1px; width:60px; }
.addBoxRight { float:left; padding:1px 0px 0px 1px; }

.knowSubHead { font-size:0.6em; font-weight:bold; }

#storeList { width:227px; }
#go1 { float:left; padding:5px 0px 0px 9px; }
#go2 { float:left; padding:5px 0px 0px 5px; }
#storeMenu01 { float:left; width:403px;  border-top: 5px solid #103b7f; border-left: 5px solid #103b7f; background-color:#FFFFFF; background-image:url(../images/storeBar01.gif); padding:7px 0px 5px 120px; border-right: 5px solid #103b7f; background-repeat:no-repeat;}
#storeMenu02 { float:left; width:403px;  border-top: 5px solid #103b7f; border-left: 5px solid #103b7f; background-color:#FFFFFF; background-image:url(../images/storeBar02.gif); padding:7px 0px 5px 120px; border-right: 5px solid #103b7f; background-repeat:no-repeat;}
#storeMenu03 { float:left; width:403px;  border-top: 5px solid #103b7f; border-left: 5px solid #103b7f; background-color:#FFFFFF; border-bottom: 5px solid #103b7f; background-image:url(../images/storeBar03.gif); padding:7px 0px 5px 120px; border-right: 5px solid #103b7f; background-repeat:no-repeat;}
#storeScroller { width:528px; height:166px; border-top: 5px solid #103b7f; border-left: 5px solid #103b7f; border-bottom: 5px solid #103b7f; background-color:#000000; padding:0px 0px 0px 0px; }

.storeNumber { float:left; width:25px; color:#000000; }
.store01 { float:left; width:290px; padding-left:5px; }
.store02 { float:left; width:78px; height:68px;}
.store03 { float:left; width:265px; padding-top:40px;}
.store04 { float:left; width:178px; }
.store05 { float:left; width:108px; }

.storeWindow { width:528px; height:148px; background-color:#333333; }
.storeNav { width:528px; height:17px; background-color:#666666;}


#overviewBlock01 { float:left; width:520px; padding: 10px 10px 10px 10px; } 
#overviewBlock02 { float:left; width:190px; padding: 10px 10px 10px 10px; } 
.overviewText01 { padding: 10px 0px 10px 0px; font-size:1.0em; }
.overviewText02 { padding: 0px 0px 10px 0px; font-size:1.0em; }
.overviewText03 { padding: 0px 0px 30px 0px; font-size:1.0em; }


#errorBlock01 { float:left; width:470px; padding: 60px 10px 10px 60px; } 
.errorText01 { padding: 10px 0px 10px 0px; font-size:1.2em; font-weight:bold; width:300px;}
.errorText02 { padding: 0px 0px 10px 0px; font-size:1.0em; }
.errorText03 { padding: 0px 0px 10px 0px; font-size:1.0em; }

#maintenanceBlock01 { float:left; width:600px; padding: 10px 10px 10px 10px; } 
.maintenanceText01 { padding: 10px 0px 10px 0px; font-size:1.2em; font-weight:bold; }
.maintenanceText02 { padding: 0px 0px 10px 0px; font-size:1.0em; width:500px;}
.maintenanceText03 { padding: 0px 0px 10px 0px; font-size:1.1em; width:500px;}


#basketBlock01 { float:left; width:402px; padding: 30px 30px 10px 48px; } 
#basketBlock02 { float:left; width:208px; padding: 40px 5px 10px 17px; } 
.basketText01 { padding: 0px 0px 6px 0px; color:#103b7f; font-weight:bold; font-size:11pt;}
.basketText02 { padding: 0px 0px 10px 0px; font-size:0.9em; }
.basketText03 { padding: 0px 0px 5px 0px; font-size:0.9em; }
.basketText04 { padding: 0px 0px 5px 0px; font-size:1.2em;}
.basketText05 { padding: 3px 0px 3px 10px; font-weight:bold; font-size:0.9em; }
.basketText06 { float:left; width:240px; padding: 3px 0px 3px 10px; font-weight:bold; font-size:0.9em; background-color:#333333;}
.basketText07 { float:left; width:140px; padding: 3px 0px 3px 10px; font-weight:bold; font-size:0.9em; background-color:#333333;}

.basketBox { border: 1px solid #000000; height:364px; }
.basketBox2 { width:402px; }

.basketTop { height:42px; background-color:#000000; color:#FFFFFF;}
.basketScroller { height:310px; background-color:#CCCCCC;}

.basketWindow { width:381px; height:310px; background-color:#CCCCCC; float:left; padding:1px 1px 1px 1px;}
.basketNav { width:17px; height:310px; background-color:#666666; float:left; }


#basket01 { height:95px;}
#basket02 { height:65px; }
#basket03 { height:65px; }
#basket04 { padding:20px 0px 0px 80px;}

#shelfContents { float:left; height:146px; overflow:visible; color:#FFFFFF; background-color:#000000; }
#shelfContents a:link { color:#FFFFFF; }
#shelfContents a:active { color:#FFFFFF; }
#shelfContents a:visited { color:#FFFFFF; }
#shelfContents a:hover { color:#FFFFFF; }
.shelfMessage { float:left; width:178px; height:146px; color:#FFFFFF; }
.shelfItem { float:left; height:146px; color:#FFFFFF; background-color:#000000; }
.shelfItem a:link { color:#FFFFFF; }
.shelfItem a:active { color:#FFFFFF; }
.shelfItem a:visited { color:#FFFFFF; }
.shelfItem a:hover { color:#FFFFFF; }
#shelfItem { color:#FFFFFF; background-color:#000000; }
#shelfItem a:link { color:#FFFFFF; }
#shelfItem a:active { color:#FFFFFF; }
#shelfItem a:visited { color:#FFFFFF; }
#shelfItem a:hover { color:#FFFFFF; }
.shelfEnd { float:left; height:146px; color:#FFFFFF; }

.whiteButton { color:#FFFFFF; background-color:#000000; }
.whiteButton a:link { color:#FFFFFF; }
.whiteButton a:active { color:#FFFFFF; }
.whiteButton a:visited { color:#FFFFFF; }
.whiteButton a:hover { color:#FFFFFF; }


.listHeader { width:371px; background-color:#CCCCCC; font-size:0.84em; font-weight:bold; padding:2px 2px 2px 8px;}
.listItem {  width:371px; height:10pt; background-color:#000000; font-size:0.9em; font-weight:bold; border-bottom: 1px solid #CCCCCC; color:#FFFFFF; padding:2px 2px 2px 8px;}
.listItemLeft { float:left; padding:0px 0px 0px 0px; width:255px; }
.listItemRight { float:left; padding:0px 0px 0px 0px; }

#feedbackBlock01 { float:left; width:402px; padding: 30px 30px 0px 48px; } 
#feedbackBlock02 { float:left; width:402px; padding: 0px 0px 0px 310px; } 
.feedbackScroller { width:653px; height:353px; background-color:#FFFFFF; border: 1px solid #000000; }
.feedback01 { float:left; padding:0px 10px 0px 0px; }
.feedback02 { float:left; }

.feedbackWindow { width:636px; height:353px; background-color:#FFFFFF; display:block; padding:0px 0px 0px 0px; overflow:visible; }
.feedbackNav { width:17px; height:353px; background-color:#666666; float:none; }

.feedbackTop { height:62px; display:block; background-color:#000000; color:#FFFFFF; }
.feedbackText01 { width:620px; padding: 5px 0px 5px 10px; font-weight:bold; font-size:1.1em; }
.feedbackText02 { width:620px; padding: 2px 0px 10px 10px; font-weight:bold; font-size:0.9em; }
.feedbackTitle { font-size:1.1em; color:#103b7f; font-weight:bold; padding:5px 10px 5px 10px; }
.feedbackTitle2a { font-size:1.1em; color:#000000; font-weight:bold; padding:5px 0px 0px 10px; }
.feedbackTitle2b { font-size:1.1em; color:#103b7f; font-weight:normal; padding:5px 10px 0px 0px; }

.feedbackList { border-top: 1px solid #CCCCCC; text-align:left; float:none; }
.feedbackItem { width:620px; height:11pt; display:block; float:none; font-size:0.9em; font-weight:bold; border-bottom: 1px solid #CCCCCC; color:#000000; padding:2px 2px 2px 8px; }
.feedbackItem2 { width:620px; height:11pt; display:block; float:none; font-size:0.9em; font-weight:bold; border-bottom: 1px solid #CCCCCC; color:#000000; padding:2px 2px 2px 8px; background-color:#E4E4E4; }
.feedbackIcon { padding:0px 0px 0px 0px; width:29px; height:18px; float:none; }
.feedbackItemLeft { width:310px; display:block; float:left; padding:1px 0px 0px 5px; }
.feedbackItemRight { width:200px; display:block; float:left; padding:1px 0px 0px 1px; }
.feedbackText { padding:5px 10px 0px 12px; font-size:0.9em; float:none; }
.feedbackRule { width:620px; border-bottom: 1px solid #CCCCCC; float:none; }


.labelsList { border-top: 1px solid #CCCCCC; }
.labelsItem { width:620px; height:11pt; font-size:0.8em; font-weight:bold; border-bottom: 1px solid #CCCCCC; color:#000000; padding:2px 2px 2px 8px;}
.labelsItem2 { width:620px; height:11pt; font-size:0.8em; font-weight:bold; border-bottom: 1px solid #CCCCCC; color:#000000; padding:2px 2px 2px 8px; background-color:#E4E4E4;}
.labelsName { float:left; padding:0px 0px 0px 0px; width:100px; height:18px; color:#103b7f;}
.labelsItemLeft { float:left; padding:1px 0px 0px 5px; width:150px; }
.labelsItemRight { float:left; padding:1px 0px 0px 1px; }
.labelsHeader { float:left; padding:0px 0px 0px 0px; width:100px; height:18px; color:#103b7f; font-size:0.9em;}
.labelsHeaderLeft { float:left; padding:1px 0px 0px 5px; width:150px;  color:#103b7f; font-size:0.9em; }
.labelsHeaderRight { float:left; padding:1px 0px 0px 1px;  color:#103b7f; font-size:0.9em; }
.labelsHighlight { color:#009999; }


#labelsBlock01 { padding: 10px 0px 0px 0px; } 
#labelsBlock02 { float:left; width:435px; padding: 0px 5px 10px 10px; }
#labelsBlock03 { float:left; width:274px; padding: 0px 0px 10px 12px; } 
.labelsText01 { padding: 10px 0px 10px 0px; }
.labelsText02 { padding: 0px 0px 10px 0px; font-size:0.9em; }
.labelsText03 { padding: 0px 0px 10px 0px; font-size:0.8em; font-weight:bold; }
#labelsScroller { width:426px; height:208px;  background-color:#FFFFFF; padding:0px 0px 0px 0px; border: 1px solid #CCCCCC;}
#labelsScrollerNext { width:428px; padding:8px 0px 3px 0px;}

.labelsWindow { width:389px; height:188px; background-color:#FFFFFF; float:left; padding:10px 10px 10px 10px;}
.labelsNav { width:17px; height:208px; background-color:#666666; float:left; }


.labelBox { border: 1px solid #000000; }
.labelBoxSpacer { padding-top:10px; }


#menuBlock01 { float:left; width:455px; padding: 75px 15px 10px 50px; }
#menuBlock01 a:link { color:White; }
#menuBlock01 a:active { color:White; }
#menuBlock01 a:visited { color:White; }
#menuBlock01 a:hover { color:White; }
#menuBlock02 { float:left; width:190px; padding: 135px 10px 10px 29px;  } 
#menuBlock02 h1 { font-size:1.8em; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0px 0px 45px 0px; } 
.menuText01 { padding: 12px 0px 25px 0px; font-size:1.0em;}
.menuText02 { padding: 12px 0px 25px 0px; font-size:0.89em;}

#plannerBlock01 { float:left; width:465px; padding: 70px 15px 10px 30px; }
#plannerBlock02 { float:left; width:228px; padding: 73px 10px 10px 2px;  } 
#plannerBlock02 h1 { font-size:1.8em; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0px 0px 45px 0px; } 
.plannerText01 { padding: 12px 0px 12px 0px; font-size:1.0em;}
.plannerText02 { padding: 0px 0px 12px 0px; font-size:0.9em;}
.plannerTab { padding: 0px 0px 0px 24px; }
.plannerScrollPane { width:443px; height:338px; background-color:#CCCCCC; padding: 0px 0px 0px 0px; margin-top:10px; font-size:0.9em; border: 1px solid #CCCCCC;}

.plannerWindow { width:406px; height:318px; background-color:#FFFFFF; float:left; padding:10px 10px 10px 10px;}
.plannerNav { width:17px; height:338px; background-color:#666666; float:left; }

#plannerTitle { height: 20px; }
#plannerTitle h3 { display:block; float:left; }
#plannerPrintLink { display:block; float:right; margin-right:40px; }
#plannerPrint { border:none; }

#homeBlock01 { border-bottom:5px solid #103b7f; }
#homeBlock02 {  }
#homeBlock03a { float:left; border-right: 6px solid #103b7f; width:246px; }
#homeBlock03b { float:left; width:246px; }
#homeBlock03c { float:left; border-left: 6px solid #103b7f;width:246px; }
.homeBlock03Area { padding: 10px 10px 10px 10px; width:226px; }
.homeBlock03Text { padding: 0px 0px 15px 0px;   }

#homeHeader { padding-bottom:20px; }

.formContainer { width:455px; font-weight:bold; margin:0px; padding:0px; }
.formContainer select { width:160px; font-size:0.9em; }
.formLeft { float:left; width:180px; padding:1px 0px 3px 2px;}
.formRight { float:left; padding:1px 0px 3px 0px;}
#formSubmit { float:left; padding:12px 0px 3px 0px; width:160px;}



.text {
 font: 11px/18px Arial, Helvetica, sans-serif;
 color: #5B604C;
 margin-bottom: 10px;
 margin-right: 0px;
}

.imageright {
 float: right;
 padding: 7px;
 background-color: #ffffff;
 border: 1px solid #bac1a3;
}
.imageleft {
 float: left;
 padding: 7px;
 background-color: #ffffff;
 border: 1px solid #bac1a3;
 margin: 20px;
}
/* content css end */





/* ---------------------------  footer css -------------------------  */
#footer {       
        margin: 0px auto;
        position: relative;
        /* background-color: #FFAB63;
        /* border-top: 6px solid #FFFFFF; */
        width: 760px;
        padding: 0;
        clear: both;
}

.footerBlock a:link { color:#FFFFFF;}
.footerBlock a:active { color:#FFFFFF;}
.footerBlock a:visited { color:#FFFFFF;}
.footerBlock a:hover { color:#FFFFFF;}
.footerBlockStore a:link { color:#FFFFFF;}
.footerBlockStore a:active { color:#FFFFFF;}
.footerBlockStore a:visited { color:#FFFFFF;}
.footerBlockStore a:hover { color:#FFFFFF;}



#hold a:link, #storeBlock02 a:link, #storeBlock02b a:link { color:#FFFFFF;}
#hold a:active, #storeBlock02 a:active, #storeBlock02b a:active { color:#FFFFFF;}
#hold a:visited, #storeBlock02 a:visited, #storeBlock02b a:visited { color:#FFFFFF;}
#hold a:hover, #storeBlock02 a:hover, #storeBlock02b a:hover { color:#FFFFFF;}

#add05 a:link { color:#FFFFFF;}
#add05 a:active { color:#FFFFFF;}
#add05 a:visited { color:#FFFFFF;}
#add05 a:hover { color:#FFFFFF;}

#hold a:link  { color:#000000;}
#hold a:active { color:#000000;}
#hold a:visited { color:#000000;}
#hold a:hover { color:#000000;}


.footerBlock {
		width: 750px;
        margin: 0;
		background-color: #000000;
        text-align: left;
		color: #FFFFFF;
		padding: 5px 5px 0px 5px;
		float:left;
}

.footerBlockStore {
		width: 518px;
        margin: 0;
		background-color: #000000;
        text-align: left;
		color: #FFFFFF;
		padding: 5px 5px 0px 5px;
		float:left;
}

.footerTab01 { float:left;}
#footerTab02 { float:left;}

#footerText {
        margin: 0;
		background-color: #FFFFFF;
        text-align: left;
        font: normal 0.75em Arial, Helvetica, sans-serif;
        color: #666666;
		padding: 3px 0px;
		clear: both;
}