@import url(_editor.css);



@media all {/*NAV*/
/***********************************************************************************************************************************************************************
  NAV controls the main layout for every page. Generally are in order as seen on the screen on from top to bottom, left to right
***********************************************************************************************************************************************************************/
#accessibiltylinks         {position:absolute; top:-999em;}
.setWidth                  {width:995px; margin:0 auto;}
#navwrappper               {text-align:left; position:relative; background:#fff url(bg_main.jpg) 9px 0 no-repeat;}
.crnL                      {background:url(bg_crnMainL.gif) 0 0 repeat-y;}
.crnR                      {background:url(bg_crnMainR.gif) 100% 0 repeat-y; padding:0 9px 0 0;}

h1 a                       {width:502px; height:112px; position:absolute; left:37px; top:31px; background:url(logo_main.gif);}
h1 em                      {display:none;}
.title                     {position:absolute; left:100px; top:10px;}
#main                      {min-height:20em; float:left; width:650px; line-height:1.2em;}
#content                   {padding:200px 0 80px 38px;}


/* navside 
***********************************************************************************************************************************************************************/
#navside                   {float:right; width:330px; position:relative; background:url(bg_navside.jpg) 100% 261px no-repeat;}
#navside p                 {margin:0; padding:0;}
#navside img               {border:none;}
#navside ul.mainMenu       {margin:90px 10px 40px 50px;}
#navside li                {list-style-type:none; list-style-image:none;}
#navside a                 {text-decoration:none; font-weight:bold; color:#1D3068; display:block; padding:4px 0 4px 12px;
                            background:url(icn_tri_navy.png) 0 center no-repeat}
#navside a:hover, #navside a:active, #navside a:focus  {color:#78A5D1; text-decoration:underline;}
#navside .freeS a          {width:127px; height:25px; position:absolute; left:40px; top:300px; background:url(txt_freeSurvey.gif) 9px 9px no-repeat; }
#navside .freeCB a         {width:146px; height:25px; position:absolute; left:170px; top:300px; background:url(txt_freeCallBack.gif) 9px 9px no-repeat;}
#navside li span           {display:none;}
#navside .freeS a:hover, #navside .freeS a:focus, #navside .freeS a:active    {left:41px; top:301px;}
#navside .freeCB a:hover, #navside .freeCB a:focus, #navside .freeCB a:active {left:171px; top:301px;}


#navside ul.btmMenu        {margin:0 0 0 33px; position:relative; height:200px;}
#navside .btmMenu a        {padding:0;}
#navside .brochure a      {width:297px; height:30px; position:absolute; left:0;     top:0; background:url(txt_brochure.gif);}
#navside .email a          {width:297px; height:30px; position:absolute; left:0;     top:40px; background:url(txt_email.gif);}
#navside .facebook a       {width:124px; height:30px; position:absolute; left:17px;  top:85px; background:url(logo_facebook.gif);}
#navside .twitter a        {width:124px; height:30px; position:absolute; left:151px; top:85px; background:url(logo_twitter.gif);}
#navside .youtube a        {width:102px; height:41px; position:absolute; left:162px; top:135px; background:url(logo_youTube.gif);}
#navside .linkedIn a       {width:128px; height:35px; position:absolute; left:19px;  top:142px; background:url(logo_linkedIn.gif);}
.crnB .lifesavers a        {width:148px; height:45px; position:absolute; right:24px; top:0; background:url(logo_lifesavers.gif);}
.crnB .diabetesUK a        {width:89px;  height:64px; position:absolute; right:195px; top:-6px; background:url(logo_diabetesUK.gif);}

#navside .brochure a:hover, #navside .brochure a:focus, #navside .brochure a:active			{left:1px;   top:1px;}
#navside .email a:hover, #navside .email a:focus, #navside .email a:active						{left:1px;   top:41px;}
#navside .facebook a:hover, #navside .facebook a:focus, #navside .facebook a:active       {left:18px;  top:86px;}
#navside .twitter a:hover, #navside .twitter a:focus, #navside .twitter a:active          {left:152px; top:86px;}
#navside .youtube a:hover, #navside .youtube a:focus, #navside .youtube a:active          {left:163px; top:136px;}
#navside .linkedIn a:hover, #navside .linkedIn a:focus, #navside .linkedIn a:active       {left:20px;  top:143px;}
.crnB .lifesavers a:hover, .crnB .lifesavers a:focus, .crnB .lifesavers a:active          {right:23px; top:1px;}
.crnB .diabetesUK a:hover, .crnB .diabetesUK a:focus, .crnB .diabetesUK a:active          {right:194px; top:-5px;}


/* footer
***********************************************************************************************************************************************************************/
.crnB                      {height:118px; background:url(bg_footer.jpg); position:relative;}
.crnB ul                   {margin:0; padding:0; list-style-image:none; list-style-type:none;}
.crnB li span              {display:none;}
#designedby                {clear:both; text-align:right; margin:0 auto; padding:0 0 13px 0; position:relative; display:block; font-size:0.7em;}
#designedby p              {text-align:left; color:#8E98B4; float:left; margin:0 0 0 10px; padding:0; display:inline;}
#designedby a              {color:#8E98B4; text-decoration:none; font-weight:normal; margin:0 9px 0 0;}
#designedby a:hover, #designedby a:active, #designedby a:focus {color:#fff; text-decoration:underline;}

.keep {}}





@media all {/*HIDDEN*/
/***********************************************************************************************************************************************************************
 GLOBAL HIDDEN controls the more general items & things that are specific to certain pages - but user does not need to see in WYSIWYG editor
***********************************************************************************************************************************************************************/
.sarah                 {color:#000; background-color:#FF0; border:1px solid #C00; padding:3px;}
.nowrap                {white-space:nowrap;}
div.pad                {padding:10px;}

.message               {border:5px solid #FFE57F; background-color:#FFE57F;}
.ok                    {padding:5px 5px 2px 5px; font-size:1.2em; line-height:1.6em; font-weight:bold; color:#fff; background:#A0DA23;}
.error                 {color:#fff!important; padding:0 5px; background:red; font-weight:bold; position:relative; top:-2px; text-align:left;}
                       .IE6 .error, .IE7 .error {top:0;}
div.error              {padding:5px 5px 2px 5px; top:0; margin:0 0 10px 0;}
div.error ul           {font-weight:normal;}




fieldset.form1         {border:none; margin:0; padding:0; font-size:0.9em;} 
.form1 legend          {font-weight:bold; padding:4px 20px 4px 6px; color:#fff; border:1px solid #8CC63F; background:#8CC63F;}
.form1 table           {width:100%; background:#DBEDC2; border:1px solid #C5E29F;}		
.form1 th              {padding:3px; vertical-align:top; width:33%;}	
.form1 td              {padding:3px; vertical-align:top;}											 
.form1 p               {margin:0; padding:0;}
.form1 label           {padding:0 10px 0 0;}
.form1 input, .form1 textarea, .form1 select  {border:1px solid #8CC63F; background:url(bg_dropshadow.gif) 0 0 no-repeat;}
.form1 input:hover, .form1 input:focus, .form1 input:active, 
.form1 textarea:hover, .form1 textarea:focus, .form1 textarea:active,
.form1 select:hover, .form1 select:focus, .form1 select:active 
                                 {border:1px solid #172754;}																			
.form1 input[type=text]          {width:98%; padding:1px 3px;}																
.form1 input[readonly=readonly]  {border:1px solid #B9CC9B; background:#B9CC9B;}
.form1 textarea                  {width:98%; padding:1px 3px; height:11em;}
.form1 select                    {padding:1px;}
.form1 input[type=radio]         {margin:-2px 0 0 0; border:none; background:none;}
.form1 input[type=checkbox]      {margin:-2px 0 0 0; border:none; background:none;}
.form1 hr                        {border-top:1px solid #8CC63F;}
p.button                         {clear:both; margin:20px 0 0 34%;}
p.button input                   {padding:3px 12px 2px 12px; margin:-3px 0 0 0; color:#fff; border:none; background:#8CC63F; font-weight:bold;}	
p.button a				               {padding:4px 12px; color:#fff; border:none; background:#8CC63F; text-decoration:none; font-weight:bold;}																					
p.button	:hover, .form1 p.button	:focus, .form1 p.button	:active {background:#325792; text-decoration:none;}
.padTop th, .padTop td           {padding-top:10px;}
.padBtm	th, .padBtm	td	         {padding-bottom:14px;}					

.keep {}}









/*form validation*/
.field-validation-error		{color: #c05843;}
.input-validation-error		{border: 1px solid #c05843;background-color: #eddbd5;}
.validation-summary-errors	{font-weight: bold;color: #c05843;}

.validationsummary	{background: #eddbd5 url(/Content/CmsImages.Core/icon-wrong.gif) 10px center no-repeat;display: block;
								border: 1px solid #c05843;padding: 10px 10px 10px 45px;width: 75%;margin: 10px;}
.infosummary			{background: #C2D4DB url(/Content/CmsImages.Core/icon-info.gif) 10px center no-repeat;display: block;
								border: 1px solid #7CA2B1;padding: 10px 10px 10px 45px;width: 75%;margin: 10px;}
.oksummary				{background: #e6ebc2 url(/Content/CmsImages.Core/icon-ok.gif) 10px center no-repeat;display: block;
								border: 1px solid #8da330;padding: 10px 10px 10px 45px;width: 75%;margin: 10px;}


/*CMS SPECFIC TAGS DO NOT RENAME KEEP AT BOTTOM*/
.adminEdit			{position:absolute; top:0; left:0; height:32px; width:24px; z-index:50001;padding:0;margin:0; font-size:0.75em;}
#content .adminEdit {top:210px; background:#fff; left:10px;}
.adminEdit img		{padding:0;margin:0;float:left;}
.adminEdit span	{width:70px; background:#fff; border:1px solid #333; text-align:left; font-size:11px; padding:4px; top:20px; 
               		position:absolute; z-index:99999; display:none; margin:0!important;}
.adminEdit a		{text-decoration:none!important; padding:2px!important; border:none!important; margin:0!important; 
            			font-size:11px!important; background:none!important;color:#1D3068!important;font-weight:normal!important; 
            			white-space:nowrap!important;}
.adminEdit a:hover{left:0; top:0;margin:0;text-decoration:underline!important;}
.adminEdit hr		{border: 0;width: 100%;height:1px; color:#FFF;background-color: #444;}