
html, body {height:101%; margin:0px; padding:0px; font-family:Arial; }

#wrap   {width:960px; margin:0px auto 0px auto; }

  #container {float:left; width:960px;margin:0px; background-color:#ffffff;  }
    
      #header {float:left; height:150px;}                
        
        #ESSnavtop { width:930px; height:24px; padding:0px 0px 0px 30px; background-image:url('/imgs/ESS/site/navtop_slice.jpg'); }        
        #JESnavtop { width:930px; height:24px; padding:0px 0px 0px 30px; background-image:url('/imgs/JES/site/navtop_slice.jpg'); }
            
            #navtop_buttons {float:left; width:572px; padding-right:7px; border-right:1px solid #ffffff}                            
                
                #ESSnavtop_basket {float:right;  text-align:right}
                #ESSnavtop_login {float:left;  height:24px; padding:0px 5px 0px 5px; margin: auto; text-align:center; background-color:#69BE28; border-right:1px solid #ffffff}                
                #ESSnavtop_search { float: right; text-align: right; width: 200px; height: 23px; margin: 0px 31px 0px 0px; padding: 0px 0px 0px 0px; background-position: right;  background-image: url('/imgs/ESS/site/search.jpg'); background-repeat: no-repeat; }
                    #ESSsearchpanela  {float: left; width: 112px; margin:2px 10px 0px 28px}
                    #ESSsearchpanelb {float: left; width: 41px; margin:2px 0px 0px 0px}
                    a.ESSprodsearchbutt:link     {float:left; display:block; width:45px; height:16px; color:#69BE28; font-size:11px; font-weight:normal; text-decoration:none; text-align:left; padding:3px 0px 0px 9px;  background-repeat:no-repeat;}
                    a.ESSprodsearchbutt:visited  {float:left; display:block; width:45px; height:16px; color:#69BE28; font-size:11px; font-weight:normal; text-decoration:none; text-align:left; padding:3px 0px 0px 9px;  background-repeat:no-repeat;}
                    a.ESSprodsearchbutt:hover    {float:left; display:block; width:45px; height:16px; color:#69BE28; font-size:11px; font-weight:normal; text-decoration:none; text-align:left; padding:3px 0px 0px 9px;  background-repeat:no-repeat;}
 
                
                #JESnavtop_basket {float:right;  text-align:right}
                #JESnavtop_login {float:left; height:24px; padding:0px 5px 0px 5px; margin: auto; text-align:center; background-color:#DF7A00; border-right:1px solid #ffffff}
                #JESnavtop_search { float: right; text-align: right; width: 200px; height: 23px; margin: 0px 31px 0px 0px; padding: 0px 0px 0px 0px; background-position: right;  background-image: url('/imgs/JES/site/search.jpg'); background-repeat: no-repeat; }
                    #JESsearchpanela {float: left; width: 112px; margin:2px 10px 0px 28px}
                    #JESsearchpanelb {float: left; width: 41px; margin:2px 0px 0px 0px}
                    a.JESprodsearchbutt:link     {float:left; display:block; width:45px; height:16px; color:#DF7900; font-size:11px; font-weight:normal; text-decoration:none; text-align:left; padding:3px 0px 0px 9px;  background-repeat:no-repeat;}
                    a.JESprodsearchbutt:visited  {float:left; display:block; width:45px; height:16px; color:#DF7900; font-size:11px; font-weight:normal; text-decoration:none; text-align:left; padding:3px 0px 0px 9px;  background-repeat:no-repeat;}
                    a.JESprodsearchbutt:hover    {float:left; display:block; width:45px; height:16px; color:#DF7900; font-size:11px; font-weight:normal; text-decoration:none; text-align:left; padding:3px 0px 0px 9px;  background-repeat:no-repeat;}
 
                    
    
        #navmain { width:960px; height:124px; }
            #logo { float:left; width:265px; height:124px; }
            
            #ESSstrapline {float:left; width:648px; height:38px; margin:13px 0px 0px 47px; font-size:12px; color:#6C6F70}
            #ESSbuttons {float:left; width:640px; height:124px; margin:0px 0px 0px 54px;}
            
            #JESstrapline {float:left; width:648px; height:38px; margin:13px 0px 0px 47px; font-size:12px; color:#6C6F70}
            #JESbuttons {float:left; width:695px; height:124px; }
            
            
        #flash_container {float:left; margin:11px 0px 0px 265px; padding:0px; height:95px;}         
                               
        #colL {float:left; width:182px; margin:0px 2px 0px 26px; }            
            #sn_links  {float:left; margin:0px 0px 5px 0px;}   
            #eshot_panel {float:left; padding:79px 0px 0px 60px; width:123px; height:31px; background-image:url(/imgs/site/eshot.jpg); background-repeat:no-repeat; }
            #sn_testimonial  {float:left; margin:10px 0px 5px 7px; width:150px; line-height:15px;}   
                #sn_testimonial p {color:#5E656D; font-size:11px;margin-bottom:7px}   
                #sn_testimonial .author {color:#5E656D; font-size:11px;margin-bottom:7px}   
                #sn_testimonial a {color:#DF7900; font-size:11px; font-weight:bold; display:block; width:120px; text-decoration:none}   
         
         
        
    
        #sn_subscribe {float:left; width:168px; margin:0px 0px 0px 0px; }
            
            #sn_subscribe_inner { float: left; width: 152px; background-image: url(/imgs/site/subscribe_slice.jpg); background-repeat: repeat-y; color: #5E656D; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 8px 3px 8px; }
              #sn_subscribe_inner h2 {float:left; font-size: 16px; color: #904098; font-weight:bold; margin:0px 0px 7px 0px; padding:0px 0px 0px 2px; }  
              #sn_subscribe_inner .einput {border:1px solid #D1ADD4; width:136px; font-size:10px; color:#5E656D; font-style:italic; height:18px; padding:0px 0px 2px 3px; margin-bottom:8px}
              #sn_subscribe_inner  a:link      {float:left; font-size:11px; color:#5E656D; text-decoration:none; font-weight:bold; line-height:18px;}
              #sn_subscribe_inner  a:visited   {float:left; font-size:11px; color:#5E656D; text-decoration:none; font-weight:bold; line-height:18px;}
              #sn_subscribe_inner  a:hover     {float:left; font-size:11px; color:#5E656D; text-decoration:underline; font-weight:bold; line-height:18px;}
              #sn_subscribe_inner  .submit     {float:left; margin:0px 8px 0px 31px; border:0}  
       
       
       
       
        #na_panel   {float:left;  width:168px;  background-repeat:no-repeat; margin-top:10px; padding:45px 0px 0px 0px; background-image: url('/imgs/site/great_idea_header.jpg'); }
              #na_panel_inner {float:left; width:152px; background-image:url(/imgs/site/great_idea_slice.jpg); background-repeat:repeat; color:#5E656D; font-size:11px; margin:2px 0px 0px 0px; padding:0px 8px 3px 8px; }
              #na_panel_inner h2 {float:left; margin:0px 0px 5px 0px;}
              #na_panel_inner p   {margin:0px 0px 8px 0px; line-height:14px}           
              #na_panel_inner  a:link      {float:left; font-size:11px; color:#69B12C; text-decoration:none; font-weight:bold;}
              #na_panel_inner  a:visited   {float:left; font-size:11px; color:#69B12C; text-decoration:none; font-weight:bold;}
              #na_panel_inner  a:hover     {float:left; font-size:11px; color:#F5912F; text-decoration:none; font-weight:bold;}
              


                
                
                
        #colM {float:left; width:574px;  padding:0px; margin:3px 0px 0px 0px;}            
                        
            #content {float:left; width:560px; margin:0px 0px 0px 0px; }
            #content  h1 {float:left; width:504px; font-size: 13px; color: #5E656D; font-weight: normal; margin: 4px 0px 17px 0px;  }                      
            
            
            #copy {margin:0px 10px 0px 0px;}
            
            
            /* Catalogue */
            .prod_grid_item {float:left; width:166px; padding:12px 0px 6px 0px; margin-right:17px; color:#000000;}    
                .prod_grid_details_heightadj {float:left; height:134px;}      
                .prod_grid_details {float:left; width:124px;}                
                    .prod_grid_price1   {color:#000000; font-size:12px; font-weight:bold; line-height:16px}
                    .prod_grid_priceWas {color:#904098; font-size:10px; line-height:16px}
                    .prod_grid_price2   {color:#000000; font-size:10px;} 
               
                .prod_grid_free_pnp {float:left; width:30px;}
                .prod_grid_options {width:157px; margin:5px 0px 6px 0px; border:1px solid #C0C0C2; font-weight:normal; font-size:12px; height:22px; padding:0px 0px 0px 3px}   
                    .prod_grid_options  option  {padding:1px 0px 3px 5px;}   
                    .prod_grid_options  optgroup  {padding:3px 0px 3px 5px; font-style:normal; border-top:1px dotted #000000; margin-top:10px; font-weight:normal; }   
                .prod_grid_qty {width:20px; border:1px solid #C0C0C2; font-size:12px; height:18px; padding:0px 3px 2px 3px; margin:2px 4px 0px 0px; text-align:center}
            
            
            .prod_list_item {float:left; width:550px; padding:12px 0px 6px 0px; margin-right:17px; color:#000000;}
                
                .prod_list_img {float:left; width:66px;}
                .prod_list_title  {float:left; width:173px;}              
                .prod_list_details {float:left; width:126px;}                
                    .prod_list_price1   {color:#000000; font-size:12px; font-weight:bold; line-height:16px}
                    .prod_list_priceWas {color:#904098; font-size:10px; line-height:16px}
                    .prod_list_price2   {color:#000000; font-size:10px;} 
               
                .prod_list_free_pnp {float:left; width:30px;}
                .prod_list_options {width:157px; margin:0px 0px 6px 0px; border:1px solid #C0C0C2; font-weight:normal; font-size:12px; height:22px; padding:0px 0px 0px 3px}   
                    .prod_list_options  option  {padding:1px 0px 3px 5px;}   
                    .prod_list_options  optgroup  {padding:3px 0px 3px 5px; font-style:normal; border-top:1px dotted #000000; margin-top:10px; font-weight:normal; }   
                .prod_list_qty {width:20px; border:1px solid #C0C0C2; font-size:12px; height:18px; padding:0px 3px 2px 3px; margin:2px 4px 0px 0px; text-align:center}
            
                .prod_list_linkgrey {float:left; color:#666666; font-size:12px; font-weight:bold; display:block; width:156px; margin:0px; padding:0px 0px 0px 0px; text-decoration:underline }             
                .prod_list_linkgreen {float:left;color:#69B12C; font-size:11px; font-weight:bold; display:block; width:156px; line-height:18px;  margin:0px;  padding:0px 0px 0px 0px; text-decoration:none }             
            
            
            .pc_nobuyonline {float:left; width: 150px; margin-top:5px; padding:4px 3px 4px 3px; text-align:center;  color:#ffffff; background-color:#C0C0C2; font-size:12px}
            
            
            .pc_imgborder {border: 2px dotted #C0C0C2;}
            
            .relatedbutton { margin:8px 0px 0px 32px; border:0}  
            
            .filter_select {font-family: Arial, Verdana, Sans-Serif; padding: 0px 0px 0px 3px; font-size:11px; margin:0px 10px 10px 0px; color:#000000; width:163px; height:18px; border: solid 1px #cdcdcb; }
        
        
            .results_header {float:left; width:522px; height:32px; border-bottom: 2px dotted #C0C0C2; background-color:#ffffff; }
                .results_headerL {float:left; width:170px; padding:9px 0px 0px 0px;}
                .results_headerM {float:left; width:182px;}
                .results_headerR {float:left; width:170px; text-align:right}
                    .results_headerR1 {float:left; width:115px; text-align:right; padding:9px 4px 0px 0px;}
                    .results_headerR2 {float:left; text-align:right; width:50px; padding-top:4px;}
        
            .results_footer {float:left; width:522px; height:32px; border-top: 2px dotted #C0C0C2; background-color:#ffffff; }
                .results_footerL {float:left; width:170px; padding-top:9px; }
                .results_footerM {float:left; width:182px;}
                .results_footerR {float:left; width:170px;}
    
            
        
        
            /* Grey Panels */
            .inner_panel3 { float: left; width: 550px; border: 2px dotted #C0C0C2; margin: 7px 0px 7px 0px;}
                .inner_panel3_header {float:left; width:540px; height:19px; margin:3px 3px 0px 3px; padding:1px 0px 0px 4px; background-image:url(/imgs/site/inner_panel_header.jpg); background-repeat:no-repeat; font-size:13px; font-weight:bold; color:#6B6E6F}
                .inner_panel3_header2 {float:left; width:540px; height:19px; margin:6px 3px 12px 3px; padding:1px 0px 0px 4px; background-image:url(/imgs/site/inner_panel_header.jpg); background-repeat:no-repeat; font-size:13px; font-weight:bold; color:#6B6E6F}
                .inner_panel3_header4 {float:left; width:540px; height:12px; margin:6px 3px 12px 3px; padding:1px 0px 0px 4px; background-image:url(/imgs/site/inner_panel_header.jpg); background-repeat:no-repeat; font-size:13px; font-weight:bold; color:#6B6E6F}
                .inner_panel3_header5 {float:left; width:533px; height:19px; margin:6px 3px 12px 0px; padding:1px 0px 0px 3px; background-image:url(/imgs/site/inner_panel_header.jpg); background-repeat:no-repeat; font-size:13px; font-weight:bold; color:#6B6E6F}
                .inner_panel3_copy {float:left; width: 540px; padding:5px 10px 10px 10px;  }
                .inner_panel3_copy2 {float:left; width: 550px; padding:0px 10px 0px 14px;  font-size:11px; color:#5E656D; background-image:url(/imgs/JES/site/inner_panel_copy.gif); background-repeat:repeat-y; }
                .inner_panel3_copy3 {float:left; width: 540px; padding:0px 10px 10px 0px;  }
              
                
        
            /* UA */
            #ua_content {float:left; width:560px; margin:0px 0px 14px 0px; }
                               
               
             #ua_content  h1 {float:left; width:504px; font-size: 13px; color: #5E656D; font-weight: normal; margin: 4px 0px 10px 0px;}            
               
               

                
                
                
                /* User Options */
                #ua_options {float: left; padding:0px 0px 3px 0px}                    
                    .ua_optionsL {float:left;width:247px}
                    .ua_optionsR {float:left;width:275px; margin:0px 0px 10px 0px;}
                    
                        #ua_options ul {float:left; margin:0px 0px 10px 0px; padding:0px 0px 0px 15px}
                        #ua_options p {font-size:12px; margin:7px 0px 15px 0px}
                        #ua_options a:link  {font-size:12px; color:#000000; text-decoration:none}
                        #ua_options a:visited {font-size:12px; color:#000000; text-decoration:none}
                        #ua_options a:hover {font-size:12px; color:#000000; text-decoration:underline}
                        #ua_options .shoppinglist {width:185px; line-height:26px; background-position: right center; background-image: url(/imgs/site/shoppinglist.jpg); background-repeat: no-repeat; }
                        #ua_options .favouritelist {width:185px; line-height:30px; background-position: right center; background-image: url(/imgs/site/favouritelist.jpg); background-repeat: no-repeat; }
                
                        #cslsml {float: left; width: 260px; height: 236px; color:#000000; border: 2px dotted #C0C0C2; padding: 5px 5px 5px 10px; margin: 5px 0px 0px 0px; background-image: url('/imgs/site/create_shopping_lists_sml.jpg'); background-repeat: no-repeat;  background-position: 5px 5px; }
                            #cslsml ul {padding:77px 10px 6px 17px;  color:#000000}
                            #cslsml li {font-size:11px; color:#000000; }
             
             
                        a.copylinkgrey:link    {font-size:11px; color:#666666; text-decoration:none; font-weight:normal}
                        a.copylinkgrey:visited {font-size:11px; color:#666666; text-decoration:none; font-weight:normal}
                        a.copylinkgrey:hover   {font-size:11px; color:#666666; text-decoration:underline; font-weight:normal}
                        a.copylinkgrey_on   {font-size:11px; color:#666666; text-decoration:none; font-weight:normal}
        
                /* User Login */
                #ua_login {float: left; padding:5px 0px 14px 0px}                    
                    .ua_loginL {float:left; width:263px; }
                    .ua_loginR {float:left;width:260px; border-left: solid 1px #C0C0C2; padding-left:13px}
                    #ua_login ul {float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 15px}
                    #ua_login li {font-size:11px; color:#000000; }
                  
    
                    .boxRegister {float:left; margin-bottom:10px}
                    .boxSubscribe {float:left; margin:20px 0px 10px 0px}
                    .reg-as-member {margin:10px 0px 0px 0px}
                    .greentext    {font-family:verdana; font-size:12px; color:#69B12C; font-weight:bold; margin: 0px 0px 10px 0px }                    
                    .orangetext   {color:#F5912F; font-weight:bold;}
                    .orangetext2  {color:#F5912F; padding:0px; margin:0px 0px 5px 0px}
                    .bluetextU    {color:#03026A; }
                    
                    .optout {float:left;width:250px; margin-top:10px; padding-top:10px; border-top: 2px dotted #C0C0C2;}
               
               
               /* Favourites */
               #favs_header {float:left; width:540px; }
                 #favs_headerL {float:left; width:270px;}
                    #favs_header select {font-family: Arial,Verdana; margin:3px 0px 9px 0px; width:150px; font-size:11px; color:#6B6E6F;  border: solid 1px #C0C0C2;}
                 #favs_headerR {float:left; width:250px; }
                    #favs_headerR .pagdiv {float:left; width:250px; margin-top:0px; text-align:right;  padding:5px 0px 8px 0px; font-size:11px}
                 
               #favs_footer {float:left; width:520px; }
                #favs_footer .pagdiv {float:right; width:250px; margin-top:0px; text-align:right;  padding:9px 0px 0px 0px; font-size:11px}
                   
                   
                   
        
                /* Shopping Lists */                  
                #shopping_list_header {float:left; width:522px; background-color:#ffffff; }                    
                    #shopping_list_headerL {float:left; width:110px;}
                        #shopping_list_headerL  a.viewbasket:link    {font-size:12px; color:#69B12C; text-decoration:none; font-weight:bold; display:block; padding:4px 0px 8px 0px;}
                        #shopping_list_headerL  a.viewbasket:visited {font-size:12px; color:#69B12C; text-decoration:none; font-weight:bold; display:block;padding:4px 0px 8px 0px;}
                        #shopping_list_headerL  a.viewbasket:hover   {font-size:12px; color:#69B12C; text-decoration:underline; font-weight:bold; display:block;padding:4px 0px 8px 0px;}
                    #shopping_list_headerM {float:left; width:252px;}
                        #shopping_list_headerM .pagdiv {float:left; width:252px; margin-top:0px; text-align:center;  padding:5px 0px 0px 0px; font-size:11px}
                    #shopping_list_headerR {float:left; width:110px;}
                       
                .shopping_list_row {float:left; width:525px; padding:0px 0px 0px 0px;  color:#000000;  border-top: 2px dotted #C0C0C2; border-left: 2px dotted #C0C0C2; border-right: 2px dotted #C0C0C2;}                    
                    .shopping_list_c1 {float:left; width:68px; padding:8px 0px 8px 6px}
                        .shopping_list_no {float:left; width:52px; height:52px; background-color:#EDEDEE; font-size:20px; line-height:52px;  font-weight:bold; color:#6B6E6F; text-align:center}
                    .shopping_list_c2 {float:left; width:226px; padding:8px 10px 8px 0px;}
                        a.viewshoppinglist:link    {float:left; font-size:11px; color:#69B12C; text-decoration:none; font-weight:bold; display:block; padding:7px 0px 0px 0px;}
                        a.viewshoppinglist:visited {float:left; font-size:11px; color:#69B12C; text-decoration:none; font-weight:bold; display:block;padding:7px 0px 0px 0px;}
                        a.viewshoppinglist:hover   {float:left; font-size:11px; color:#69B12C; text-decoration:underline; font-weight:bold; display:block;padding:7px 0px 0px 0px;}
                    .shopping_list_c3 {float:left; width:160px; padding:8px 0px 8px 0px; border-right: 2px dotted #C0C0C2;}
                        .shopping_list_price1   {color:#000000; font-size:12px; font-weight:bold; margin-left:2px;}                        
                        .shopping_list_price2   {color:#000000; font-size:10px; margin:0px 0px 2px 2px;}      
                    .shopping_list_c4 {float:left; width:50px; text-align:center; margin-top:15px}                                                                                     
                   
                #shopping_list_footer {float:left; width:527px; height:22px; background-color:#ffffff; border-top: 2px dotted #C0C0C2;}                    
                    #shopping_list_footerL {float:left; width:110px;}
                        #shopping_list_footerL  a.viewbasket:link    {font-size:12px; color:#69B12C; text-decoration:none; font-weight:bold; display:block; padding:8px 0px 4px 0px;}
                        #shopping_list_footerL  a.viewbasket:visited {font-size:12px; color:#69B12C; text-decoration:none; font-weight:bold; display:block;padding:8px 0px 4px 0px;}
                        #shopping_list_footerL  a.viewbasket:hover   {font-size:12px; color:#69B12C; text-decoration:underline; font-weight:bold; display:block;padding:8px 0px 4px 0px;}
                    #shopping_list_footerM {float:left; width:252px;}
                        #shopping_list_footerM .pagdiv {float:left; width:252px; margin-top:0px; text-align:center;  padding:10px 0px 5px 0px; font-size:11px}
                    #shopping_list_footerR {float:left; width:110px;}
               
               .slinput    {width:380px; font-size:11px;color:#5E656D; border: solid 1px #C0C0C2; padding: 2px;}
               .fmItemSL     {float:left; padding-bottom:8px; width:520px; }
               .fmLabel3   {float:left; width:120px; font-size:10px; color:#5E656D; padding-top:1px; margin-left:4px; font-weight:bold}
                
               /* User Previous Orders */     
               #orders_header {float:left; width:522px; background-color:#ffffff; padding-top:10px}                    
                    #orders_headerL {float:left; width:310px; font-size:11px; color:#5E656D; }
                    #orders_headerR {float:left; width:210px;}
                        #orders_headerR .pagdiv {float:left; width:210px; text-align:right; margin-top:0px;  color:#5E656D; padding:0px 0px 13px 0px; font-size:11px}
                
                .orders_row {float:left; width:520px; padding:3px 3px 3px 8px;  color:#000000;   font-size:11px;color:#5E656D; background-color:#EDEDEE; line-height:16px}                    
                .orders_row2 {float:left; width:520px; padding:3px 3px 3px 8px;  color:#000000;  font-size:11px;color:#5E656D;line-height:16px}                      
                    .orders_c1 {float:left; width:94px; font-weight:bold; padding:4px 0px 0px 0px; }
                    .orders_c2 {float:left; width:165px; padding:4px 0px 0px 0px; }
                    .orders_c3 {float:left; width:140px; padding:4px 0px 0px 0px; }                             
                    .orders_c4 {float:left; width:40px; padding:4px 0px 0px 0px; }  
                    .orders_c5 {float:left; width:80px; text-align:right}       
                           
                    a.orderview:link    {font-size:11px; color:#69B12C; text-decoration:none; font-weight:bold; }
                    a.orderview:visited {font-size:11px; color:#69B12C; text-decoration:none; font-weight:bold; }
                    a.orderview:hover   {font-size:11px; color:#69B12C; text-decoration:underline; font-weight:bold; }
                                  
              
               #orders_footer {float:left; width:522px; background-color:#ffffff; padding-top:10px}                    
                    #orders_footerL {float:left; width:310px; font-size:11px; color:#5E656D; }
                    #orders_footerR {float:left; width:210px;}
                        #orders_footerR .pagdiv {float:left; width:210px; text-align:right; margin-top:0px;  color:#5E656D; padding:0px 0px 0px 0px; font-size:11px} 
                                
        
                #ua_orderstbl {float:left; border-color: #C0C0C2; border-width: 0 0 1px 1px; border-style: solid; border-collapse: collapse; width:522px; margin:0px 0px 5px 0px}
                    #ua_orderstbl td { border-color: #C0C0C2; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; }
                    #ua_orderstbl .tblheading {font-weight:normal; text-decoration: none; color: #5E656D; font-size:10px}
                    #ua_orderstbl .tblheading2 { font-size:11px;color:#5E656D; background-color:#EDEDEE }
        
                    #ua_orderstbl .prodimg {float:left; margin-right:8px; border: 1px dotted #C0C0C2; width:52px; height:52px}
                    #ua_orderstbl .title_linkJES {color:#DF7900; font-size:11px; font-weight:bold; }
                    #ua_orderstbl .title_linkESS {color:#69B12C; font-size:11px; font-weight:bold; }                    
                    #ua_orderstbl .codeJES {color:#69B12C; font-size:11px; line-height:18px}
                    #ua_orderstbl .codeESS {color:#DF7900; font-size:11px; line-height:18px}                    
                    #ua_orderstbl .price {color:#000000; font-size:12px; font-weight:bold; }
                    #ua_orderstbl .price2 {color:#000000; font-size:10px; font-weight:normal; }
                    #ua_orderstbl .qty {color:#000000; font-size:10px; font-weight:normal; }
                    #ua_orderstbl .uaorderproddetails {float:left; width:140px}
        
                
                #ua_ordertotaltbl {float:left; width:349px; margin:0px 0px 1px 0px; border:0; border-collapse: collapse; }
                    #ua_ordertotaltbl td {  margin-bottom:2px; padding: 3px 5px 3px 5px; background-color:#E0E0E0; color:#6B6E6F; border-bottom:4px solid #ffffff}
                    #ua_ordertotaltbl .bold { font-weight:bold; width:90px; text-align:right;}
                    #ua_ordertotaltbl .redbold { font-weight:bold; width:90px; text-align:right; color:red}
                
        
        
        
        
        
        
        
          /* Basket */        
          #co_baskettbl {float:left; border-color: #C0C0C2; border-width: 0 0 1px 1px; border-style: solid; border-collapse: collapse; width:522px; margin:0px 0px 5px 0px}
                #co_baskettbl td { border-color: #C0C0C2; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; }
                #co_baskettbl .tblheading {font-weight:normal; text-decoration: none; color: #5E656D; font-size:10px}
        
                    #co_baskettbl .prodimg {float:left; margin-right:8px; border: 1px dotted #C0C0C2; width:52px; height:52px}
                    #co_baskettbl .title_linkJES {color:#DF7900; font-size:11px; font-weight:bold; }
                    #co_baskettbl .title_linkESS {color:#69B12C; font-size:11px; font-weight:bold; }                    
                    #co_baskettbl .codeJES {color:#69B12C; font-size:11px}
                    #co_baskettbl .codeESS {color:#DF7900; font-size:11px}                    
                    #co_baskettbl .price {color:#000000; font-size:12px; font-weight:bold; }
                    #co_baskettbl .price2 {color:#000000; font-size:10px; font-weight:normal; }
                    #co_baskettbl .qty {color:#000000; font-size:10px; font-weight:normal; }
                    
          #co_baskettotaltbl {float:left; width:282px; margin:0px 0px 1px 0px; border:0; border-collapse: collapse; }
                #co_baskettotaltbl td {  margin-bottom:2px; padding: 3px 5px 3px 5px; background-color:#E0E0E0; color:#6B6E6F; border-bottom:4px solid #ffffff}
                #co_baskettotaltbl .bold { font-weight:bold; width:90px; text-align:right;}
                #co_baskettotaltbl .redbold { font-weight:bold; width:90px; text-align:right; color:red}
                .delete-list-button {margin-right:110px; } 
       
       
                #co_baskettbl2 {float:left; border-color: #C0C0C2; border-width: 0 0 0px 1px; border-style: solid; border-collapse: collapse; width:532px; margin:0px 0px 5px 0px}
                #co_baskettbl2 td { border-color: #C0C0C2; border-width: 1px 0px 0 0; border-style: solid; margin: 0; padding: 4px; }
                #co_baskettbl2 .tblheading {font-weight:normal; text-decoration: none; color: #5E656D; font-size:10px}
    
                    .co_basket_update {color:#5E656D; font-size:11px; font-weight:bold;}
                    .co_basket_text1 {color:#69B12C; font-size:11px; font-weight:bold; margin-bottom:5px}
                    .co_basket_text2 {color:#5E656D; font-size:10px;}
                    .co_basket_text3 {color:red; font-size:11px; font-weight:bold; margin-bottom:2px}
    
                    .co_basket_mid {float:left; width:254px; text-align:left; margin:20px 0px 10px 6px;}
                    .co_basket_buttons {float:left; text-align:right; margin:0px 2px 0px 0px; width:285px;}
            
          
        
        #co_content {float:left; width:560px; margin:0px 0px 10px 0px; }                
            
            #co_content  h1 {float:left; width:504px; font-size: 13px; color: #DF7900; font-weight: normal; margin: 4px 0px 10px 0px;}  
            #co_content  .h1b {float:left; font-size: 13px; color: #69B12C; font-weight: normal; margin: 4px 0px 10px 0px;}     
            #co_content  h2 { font-size: 13px; color: #6B6E6F; font-weight: bold; margin: 0px 0px 5px 0px;}
            #co_content  .backlink {display:block; text-decoration:none; font-size: 12px; color: #69B12C; font-weight: normal; margin: 0px 0px 10px 0px;}
 
            .progressbar {float:left; margin:5px}
        
            #co_content .listlinks {float:left; width:527px; text-align:right; height:35px; margin:2px 0px 0px 0px}
                 #co_content .shoppinglist {float:left; width:165px;  text-align:left; margin:1px 0px 0px 5px; padding:0px 0px 0px 40px; line-height:26px; background-position: left top; background-image: url(/imgs/site/shoppinglist.jpg); background-repeat: no-repeat; }
                 #co_content .favouritelist {float:left; width:165px; text-align:left; margin:1px 6px 0px 5px; padding:0px 0px 0px 33px; line-height:26px; background-position: left top; background-image: url(/imgs/site/favouritelist.jpg); background-repeat: no-repeat; }
                    #co_content a.listlink {font-size:11px; color:#6B6E6F; text-decoration:none}
                    #co_content a.listlink:hover {font-size:11px; color:#6B6E6F; text-decoration:underline}
                    #co_content .update-basket {float:left;  text-align:right; }
            
            #co_content .latestoffer {float:left; width:520px; color:#6B6E6F; font-size:11px; margin:0px 0px 4px 3px; padding-top:6px; border-top: 1px dotted #C0C0C2;}
                .purpbold {color:#8E3995; font-weight:bold; }
            
            #co_content .basketoptions {float:left; width:526px;   margin:0px 0px 10px 0px; padding:5px 0px 0px 3px}
                
            #deliveryoptions {float:left; width:226px; margin-right:10px; }
                #deliveryoptions h3 {font-size:11px; font-weight:bold; color:#6CBF39; margin:0px 0px 4px 0px; padding:0px }
                #deliveryoptions p {font-size:10px; color:#6B6E6F; margin:0px 0px 4px 0px; padding:0px }
                #deliveryoptions .deltype {float:left; font-size:10px; color:#6CBF39; margin:4px 0px 1px 0px }                        
                    #deliveryoptions .deltypeL {float:left; width:30px; }
                        #deliveryoptions .deltyperadio {width:17px; height:17px; background-color:#333333}
                    #deliveryoptions .deltypeR {float:left; width:190px; font-size:10px;  color:#6B6E6F; margin-top:4px;}
                        #deliveryoptions .deltitle {font-size:11px; font-weight:bold; color:#6CBF39;  }
                        #deliveryoptions .delprice {font-size:11px; font-weight:bold; color:#6B6E6F;  }
                        
                    
                    #deliveryoptions .delupdate {float:left; width:108px;  margin:6px 0px 0px 27px; }
                    #deliveryoptions .delupdatetext {float:left; width:60px; margin-top:13px; font-style:italic;  color:#6B6E6F; }
                 
                
            #baskettotals {float:left; width:290px;}
                            
                #baskettotals .discountcode {}
                #baskettotals .codelable {float:left; width:105px; font-size:10px; font-weight:bold; color:#6B6E6F; margin-top:6px}
                #baskettotals .codeform {float:left; width:185px; margin-bottom:5px}
                    #baskettotals .codeinput{float:left; width:115px; height:19px; font-size:12px; color:#6B6E6F; border: 1px solid #C0C0C2;margin-top:2px; padding:0px 2px 0px 3px}
                    #baskettotals .codebutton {float:left; width:50px; font-size:10px;}
                    #baskettotals p.codeinstr {float:left; width:190px; font-size:9px; font-style:italic; margin:0px 0px 4px 0px}  
                    #baskettotals .codematched {float:left; width:290px; font-size:10px; font-style:italic; margin:2px 0px 10px 2px; color:#904098}  
                      
                         
            #regbenefits {float:left; width:524px; color:#DF7900; font-size:11px; margin:20px 0px 0px 0px; font-weight:bold}
                 #regbenefits ul {margin:0px; padding:0px; font-size: 11px; color: #6B6E6F; display: inline; font-weight: normal; list-style:disc; list-style-position:inside; }
                 #regbenefits li { font-size: 11px; color: #6B6E6F; display: inline; font-weight: normal; list-style-position: outside; list-style-image: url('/imgs/site/bullet.gif'); }
        
            
            /* Order summary */
            #orderguidance {margin:0px 0px 0px 3px;}
                #orderguidance p {margin:0px 0px 5px 0px;}   
        
            .orderprodname {float:left; font-size:11px;  color: #6B6E6F; font-weight:bold; margin:3px}
            .orderprodcode {float:left; font-size:11px;  color: #6B6E6F; margin:3px}
            
            #delpanel {float:left; margin:5px 0px 5px 247px;}
            #totalspanel {float:left; margin:5px 0px 5px 239px;}
            #deladdresspanel {float:left; width:520px; margin-left:4px; }
                #deladdresspanel p{font-size: 12px; margin:0px 0px 9px 0px;  line-height: 16px;}
                #deladdresspanel a{font-size: 12px;}
            #ordertotalpanel {float:left; width:520px; margin:0px 0px 3px 4px}
                #ordertotalpanel p {margin:0px 0px 5px 0px; font-size: 13px; }   
                #ordertotalpanel .ordertotalpanelL {float:left; width:320px;}
                #ordertotalpanel .ordertotalpanelR {float:left; width:195px; text-align:right;  font-size: 13px; color: #6B6E6F; font-weight:bold}
                
            #paymentoptions {float:left; width:535px; margin:0px 0px 5px 4px}
                #paymentoptions p {margin:0px 0px 5px 0px; font-size: 12px; font-weight:bold }                   
                .paymentoption  {float:left; width:535px; }
                    .paymentoptiontxt  {float:left; width:67px; font-size: 12px; line-height: 27px; color: #6B6E6F; }
                    .paymentoptionimg  {float:left; width:173px;}
                    .paymentoptionbutton  {float:left; width:295px;}
                
                
            #orderconf  { float:left; width:330px; margin:12px 0px 0px 0px }
                #orderconf  h2 { font-size: 16px; color: #6B6E6F; font-weight: bold; margin: 0px 0px 5px 0px;}
                #orderconf  p { font-size: 12px; }
                #orderconf .copylink{ font-size: 12px; }
                
          
    


      
          
                
                
        #colR {float:left; width:144px; margin:0px; }        

       
             #sn_what_a_saving {float:left; width:136px; height:243px; padding:20px 0px 0px 10px; background-image: url('/imgs/site/what_a_saving.jpg'); background-repeat: no-repeat; }
                #sn_what_a_saving .nowprice {float:left;width:134px; font-size: 13px; color: #000000; font-weight:bold; margin:21px 0px 0px 0px;} 
                #sn_what_a_saving .saving {float:left;width:134px; }
                    #sn_what_a_saving .save {float:left; font-size: 11px; color: #000000; font-weight:bold; margin:0px 3px 0px 0px;}              
                    #sn_what_a_saving .was {float:left; font-size: 10px; color: #8E3995; font-weight:normal; margin:1px 0px 0px 0px;}  
                #sn_what_a_saving .title {float:left;width:134px; font-size: 13px; color: #000000; font-weight:bold; margin:4px 0px 7px 0px; line-height:13px}  
                    #sn_what_a_saving a:link    {font-size:11px; color:#666666; text-decoration:none; font-weight:normal}
                    #sn_what_a_saving a:visited {font-size:11px; color:#666666; text-decoration:none; font-weight:normal}
                    #sn_what_a_saving a:hover   {font-size:11px; color:#666666; text-decoration:underline; font-weight:normal}
                #sn_what_a_saving .pimg {float:left; width:95px;  height:95px; margin:0px 38px 2px 0px }  
                #sn_what_a_saving .codeJES {color:#69B12C; font-size:10px; line-height:26px}  
                #sn_what_a_saving .codeESS {color:#DF7900; font-size:10px; line-height:26px}  
        
           
           
             #sn_latest_offer { float: left; width: 128px; padding: 30px 8px 0px 10px; background-image: url(/imgs/site/latestoffer-header.jpg); background-repeat: no-repeat; background-position: top; }
                #sn_latest_offer h2 {float:left; width: 124px; font-size: 14px; color: #666666;font-weight:normal; margin:0px 2px 0px 0px; padding:0px 2px 6px 0px; }  
                #sn_latest_offer .green {font-size: 14px; color: #69B12C;font-weight:bold;}  
             #sn_latest_offer_inner { float: left; width: 124px;  background-image: url(/imgs/site/latestoffer-slice.jpg); background-repeat: repeat-y; color: #5E656D;  margin: 0px 0px 0px 0px; padding: 2px 12px 3px 10px; }
                #sn_latest_offer_inner p {float: left; border-top:2px dotted #C0C0C2; font-size: 10px; line-height:12px; margin: 0px 0px 0px 0px; padding-top: 6px }
                
                
                
             #sn_freedel_banner { float: left; width: 96px; height:33px; padding: 53px 0px 0px 50px; font-size: 16px; color: #000000; font-weight:bold; background-image: url(/imgs/site/free_delivery.jpg); background-repeat: no-repeat; background-position: top; }
             
             
             

      
        #footer {float:left; width:900px; padding:0px; margin:0px 0px 0px 28px; background-image:url(/imgs/site/footer_hr.gif); background-repeat:no-repeat; }                         
            #footer_a  {float:left; width:470px; padding-top:15px; margin:12px 0px 17px 1px}
            #footer_b  {float:right; text-align:right; width:415px;padding-top:15px;  margin:12px 2px 17px 0px}                    
            #footer_links {float:right; text-align:right;}
           
        .fltL {float:left}    
        
  
  .imgnoborder {border:0}
  
  
 /* Forms */
    .fm             {margin:0px; padding:0px }    
    .tn_search {width:127px; height:15px; border:0px; color:#B6B7BC; font-size:10px; margin-top:0px;}
    .tn_search2 {width:130px; height:12px; border:0px; color:#B6B7BC; font-size:10px; margin-top:0px;}
    .tn_go {margin:1px 0px 0px 3px}
    
   
    
    .fmImg {margin-top:5px}
    
   
   
    .fmHeading  {font-size:12px; color:#03026A; font-weight:bold; margin:25px 0px 5px 0px}    
    .fmItem     {float:left; padding-bottom:8px; width:500px; }
    .fmItem2    {float:left; padding-bottom:8px; width:256px}
    .fmItem3    {float:left; padding-bottom:8px; width:420px}
    
        
        .fmLabel1   {float:left; width:100px; font-size:10px; color:#5E656D; padding-top:1px}
        .fmLabel2   {float:left; width:150px; font-size:10px; color:#5E656D; padding-top:1px; margin:0px 0px 0px 14px;}                
        .fmLabel3   {float:left; width:130px; font-size:10px; color:#5E656D; padding-top:1px}
        
        div.fmLabel2 {float:left; font-size:11px; padding-top:3px; width:180px; }
        
        

        .fmElement  {float:left; width:220px}
            .fmTxt1     {width:195px; font-size:11px;color:#5E656D; border: solid 1px #5F656B;padding-left: 2px;}
            .fmTxt2     {width:145px; font-size:11px;color:#5E656D; border: solid 1px #5F656B;padding-left: 2px;}
            .fmTxt3     {width:100px; font-size:11px;color:#5E656D;border: solid 1px #5F656B; padding-left: 2px;}
            .fmArea1    {width:195px; height:40px; font-size:11px; font-family:Arial;color:#5E656D; border: solid 1px #5F656B;}
            .fmArea2    {width:195px; height:60px; font-size:11px; font-family:Arial;color:#5E656D; border: solid 1px #5F656B;}
            
            .fmSelect1   {width:199px; font-size:11px;color:#5E656D; border: solid 1px #5F656B;}
               

    .fmButtonSm {font-family: Arial; font-size:10px; }

    
    div.fmField2{float:left;width:440px; margin:4px 0px 0px 0px}
    div.fmField3{float:left;width:440px; margin:4px 0px 12px 0px}
    
    div.fmField4{float:left; margin:-10px 0px 10px 0px}
    
         
        .checkbox   {width:17px; height:17px}
        .inputtxt1  {font-family: Arial, Verdana, Sans-Serif; padding: 2px 0px 0px 3px; font-size:11px; margin-bottom:4px; color:#76777B; width:280px; height:18px; border: solid 1px #cdcdcb;}
        .inputtxt2  {font-family: Arial, Verdana, Sans-Serif;  padding: 2px 0px 0px 3px; font-size:11px; color:#76777B; width:297px; height:18px; border: solid 1px #cdcdcb;}
        .inputtxt3  {font-family: Arial, Verdana, Sans-Serif; padding: 0px 0px 0px 3px; margin-bottom:7px; font-size:11px; color:#000000; width:230px; height: 15px;border: solid 1px #E2DDD7;}
        .inputtxt4  {font-family: Arial, Verdana, Sans-Serif; padding: 0px 0px 0px 3px; margin-bottom:0px; font-size:11px; color:#000000; width:20px; height: 15px;border: solid 1px #C0C0C2;}
        
        .txtarea1   {font-family: Arial, Verdana, Sans-Serif; margin-bottom:8px; padding: 2px; font-size:11px; color:#76777B; overflow:auto;width:279px;  height: 50px; border: solid 1px #cdcdcb;}
    
    .select1    {font-family: Arial,Verdana; margin-bottom:5px; padding-left: 2px; font-size:11px; color:#5F656B; overflow:auto; width:298px; border: solid 1px #cdcdcb;}
    .select2    {font-family: Arial,Verdana; margin-bottom:2px; padding-left: 2px; font-size:11px; color:#5F656B; width:55px; border: solid 1px #5F656B;}
    .select3    {font-family: Arial,Verdana; margin-bottom:2px; padding-left: 2px; font-size:11px; color:#5F656B;  border: solid 1px #5F656B;}
   
    .select4    {float:left; width:310px; font-family: Arial,Verdana; margin-top:5px; margin-bottom:5px;  padding-left: 2px; font-size:11px; color:#000000;  border: solid 1px #C0C0C2;}
    .select4b    {float:left; width:340px; font-family: Arial,Verdana; margin-top:5px; margin-bottom:5px;  padding-left: 2px; font-size:11px; color:#000000;  border: solid 1px #C0C0C2;}
   .butt_submit{margin:8px 0px 20px 0px; float:right}
   .butt_getaddress{margin:8px 0px 0px 0px;}
   
  
  .pagdiv {float:left; width:182px; padding-top:9px; margin-top:0px; text-align:center; }
  .purple {color:#904098; font-size:11px;}
  
    
    /* mac IE5 ignore commented backslash hack v2 \*/
  
    
    /* end hack */
    
    
