Skip to content
View in the app

A better way to browse. Learn more.
Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Can someone help steer me in the right direction?

Mike79
in General Chat

Featured Replies

Hi to all,

 

Hopefully one of you nice people out there can help steer me in the right direction in terms of my HTML coding.

 

Firstly a little bit about me. I'm a web design who is self taught. I've been producing web sites for about 5-6 years but my first web job came 3 1/2 years ago (where if been since). Although I learnt HTML my self I always thought I had a great understanding of coding and web standards etc.. Until now!

 

I'm curtently in the process of furthing my career so I thought I'll update my cv and start selling myself. I recently applied for 2 jobs which both had a superb impact! One of these jobs was so impressed with my cv they wished to proceed to an interview. This was great, but before the interview date was set they required to see some examples of my HTML coding.

 

I happily set my 2 latest samples (which I am proud of and thought would go down a treat) they promptly replied say that my coding style was about a level or 2 lower than what they require!

 

I don't mind this as I always look to improve my skills but can someone help me and explain me the different levels there are and how I go about learning it? I appreciate any of you won't know my coding style without seeing any examples but can anyone help? Or perhaps is in a similar predicament?

 

Mike

Without seeing an example it's impossible to guess!

 

If you can't post a link to a site post a snippet of HTML from one of them....

Hi to all,

 

Hopefully one of you nice people out there can help steer me in the right direction in terms of my HTML coding.

 

Firstly a little bit about me. I'm a web design who is self taught. I've been producing web sites for about 5-6 years but my first web job came 3 1/2 years ago (where if been since). Although I learnt HTML my self I always thought I had a great understanding of coding and web standards etc.. Until now!

 

I'm curtently in the process of furthing my career so I thought I'll update my cv and start selling myself. I recently applied for 2 jobs which both had a superb impact! One of these jobs was so impressed with my cv they wished to proceed to an interview. This was great, but before the interview date was set they required to see some examples of my HTML coding.

 

I happily set my 2 latest samples (which I am proud of and thought would go down a treat) they promptly replied say that my coding style was about a level or 2 lower than what they require!

 

I don't mind this as I always look to improve my skills but can someone help me and explain me the different levels there are and how I go about learning it? I appreciate any of you won't know my coding style without seeing any examples but can anyone help? Or perhaps is in a similar predicament?

 

Mike

My only guess is that you've used some outdated methods; but as mentioned by BlueDreamer, some of your code would be nice so we can have a gander!

  • Author

Ok guys, below is an example of some code I produced for a large high street brand (which I thought "If it's OK for them it must be good to show any potential employer!").

 

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <link href="https://www.mysite.co.uk/css/mysite/screen.css" type="text/css" rel="stylesheet" />

   <script type="text/javascript" src="http://www.mysite.co.uk/javascript/jquery.js"></script>

   <script type="text/javascript" src="http://www.mysite.co.uk/javascript/jquery_dimensions.js"></script>

   <link rel="stylesheet" href="http://www.mysite.co.uk/css/mysite/maincategorynavigation.css"
       type="text/css" />
   <link rel="stylesheet" href="http://www.mysite.co.uk/css/mysite/maincategorydropdownmenu.css"
       type="text/css" />
   <link rel="stylesheet" href="http://www.mysite.co.uk/css/mysite/dropdownmenucontrol.css"
       type="text/css" />

   <script type="text/javascript" src="http://www.mysite.co.uk/javascript/maincategorydropdownmenu.js"></script>

   <meta content="keywords"
       name="keywords" />
   <meta content="content"
       name="description" />
   <meta content="INDEX,FOLLOW" name="ROBOTS" />
   <meta http-equiv="Content-Type" content="text/html" />
   <title>mysite Gifts </title>
</head>
<body class="home">
   <form name="form1" method="post" action="/home.aspx" id="form1">
       <div>
           <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTMyMjE0MTQ1NA9kFgQCAQ9kFgICAQ9kFgJmDxYCHgRUZXh0BWQ8bGluayBocmVmPSJodHRwczovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2Nzcy9hcmdvcy9zY3JlZW4uY3NzIiB0eXBlPSJ0ZXh0L2NzcyIgcmVsPSJzdHlsZXNoZWV0IiAvPg0KZAIDEGRkFgoCAQ9kFgQCAw9kFgICAQ9kFgJmDxYCHwAFEGl0ZW0ocykgPSANCiAgICBkAgcPZBYCAgEPD2QWAh4Hb25mb2N1cwUnY2xlYXJfc2VhcmNoKHRoaXMsJ1NlYXJjaCBBcmdvcyBHaWZ0cycpZAIDD2QWAmYPFgIfAAW6ZjxkaXYgaWQ9Im1haW5uYXYiPjx1bCBjbGFzcz0ibWFpbm5hdmNhdGVnb3JpZXMgbmF2aXRlbXMiPjxsaSBjbGFzcz0iZmlyc3QiID48YSBjbGFzcz0ibWFpbmNhdGVnb3J5bGluayIgdGl0bGU9IkJlc3RzZWxsZXJzIiBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvYmVzdHNlbGxlcnMuYXNweCI+PHNwYW4gY2xhc3M9Imxpbmtpbm5lciI+PHNwYW4gY2xhc3M9InNpbmdsZWxpbmUiPkJlc3RzZWxsZXJzPC9zcGFuPjwvc3Bhbj4gPC9hPjwvbGk+PGxpIGNsYXNzPSIiID48YSBjbGFzcz0ibWFpbmNhdGVnb3J5bGluayIgdGl0bGU9Ik5ldyBFeHBlcmllbmNlcyIgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL25ldy5hc3B4Ij48c3BhbiBjbGFzcz0ibGlua2lubmVyIj48c3BhbiBjbGFzcz0iIiA+TmV3PGJyLz5FeHBlcmllbmNlczwvc3Bhbj48L3NwYW4+IDwvYT48L2xpPjxsaSBjbGFzcz0iIiB0aXRsZT0iZmx5Ij48YSBjbGFzcz0ibWFpbmNhdGVnb3J5bGluayIgdGl0bGU9IkZseSIgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2ZseS9zaG93LmFzcHgiPjxzcGFuIGNsYXNzPSJsaW5raW5uZXIiPjxzcGFuIGNsYXNzPSJzaW5nbGVsaW5lIiA+Rmx5PC9zcGFuPjwvc3Bhbj4gPC9hPjwvbGk+PGxpIGNsYXNzPSIiIHRpdGxlPSJkcml2ZSI+PGEgY2xhc3M9Im1haW5jYXRlZ29yeWxpbmsiIHRpdGxlPSJEcml2ZSIgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2RyaXZlL3Nob3cuYXNweCI+PHNwYW4gY2xhc3M9Imxpbmtpbm5lciI+PHNwYW4gY2xhc3M9InNpbmdsZWxpbmUiID5Ecml2ZTwvc3Bhbj48L3NwYW4+IDwvYT48L2xpPjxsaSBjbGFzcz0iIiB0aXRsZT0ib3V0ZG9vciI+PGEgY2xhc3M9Im1haW5jYXRlZ29yeWxpbmsiIHRpdGxlPSJPdXRkb29yIiBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvb3V0ZG9vci9zaG93LmFzcHgiPjxzcGFuIGNsYXNzPSJsaW5raW5uZXIiPjxzcGFuIGNsYXNzPSJzaW5nbGVsaW5lIiA+T3V0ZG9vcjwvc3Bhbj48L3NwYW4+IDwvYT48L2xpPjxsaSBjbGFzcz0iIiB0aXRsZT0icGFtcGVyIj48YSBjbGFzcz0ibWFpbmNhdGVnb3J5bGluayIgdGl0bGU9IlBhbXBlciIgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL3BhbXBlci9zaG93LmFzcHgiPjxzcGFuIGNsYXNzPSJsaW5raW5uZXIiPjxzcGFuIGNsYXNzPSJzaW5nbGVsaW5lIiA+UGFtcGVyPC9zcGFuPjwvc3Bhbj4gPC9hPjwvbGk+PGxpIGNsYXNzPSIiIHRpdGxlPSJ3YXRlciI+PGEgY2xhc3M9Im1haW5jYXRlZ29yeWxpbmsiIHRpdGxlPSJXYXRlciIgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL3dhdGVyL3Nob3cuYXNweCI+PHNwYW4gY2xhc3M9Imxpbmtpbm5lciI+PHNwYW4gY2xhc3M9InNpbmdsZWxpbmUiID5XYXRlcjwvc3Bhbj48L3NwYW4+IDwvYT48L2xpPjxsaSBjbGFzcz0iIiB0aXRsZT0ibGlmZXN0eWxlIj48YSBjbGFzcz0ibWFpbmNhdGVnb3J5bGluayIgdGl0bGU9IkxpZmVzdHlsZSIgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2xpZmVzdHlsZS9zaG93LmFzcHgiPjxzcGFuIGNsYXNzPSJsaW5raW5uZXIiPjxzcGFuIGNsYXNzPSJzaW5nbGVsaW5lIiA+TGlmZXN0eWxlPC9zcGFuPjwvc3Bhbj4gPC9hPjwvbGk+PGxpIGNsYXNzPSIiID48YSBjbGFzcz0ibWFpbmNhdGVnb3J5bGluayIgdGl0bGU9IkZhbWUiIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9mYW1lL3Nob3dhbGwuYXNweCI+PHNwYW4gY2xhc3M9Imxpbmtpbm5lciI+PHNwYW4gY2xhc3M9InNpbmdsZWxpbmUiID5GYW1lPC9zcGFuPjwvc3Bhbj4gPC9hPjwvbGk+PGxpIGNsYXNzPSIiID48YSBjbGFzcz0ibWFpbmNhdGVnb3J5bGluayIgdGl0bGU9IkZvciBDb3VwbGVzIiBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZm9yX2NvdXBsZXMvc2hvd2FsbC5hc3B4Ij48c3BhbiBjbGFzcz0ibGlua2lubmVyIj48c3BhbiBjbGFzcz0ic2luZ2xlbGluZSIgPkZvciBDb3VwbGVzPC9zcGFuPjwvc3Bhbj4gPC9hPjwvbGk+PGxpIGNsYXNzPSIiID48YSBjbGFzcz0ibWFpbmNhdGVnb3J5bGluayIgdGl0bGU9IlRlZW5zICZhbXA7IEZhbWlseSIgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL3RlZW5zX2FuZF9mYW1pbHkvc2hvd2FsbC5hc3B4Ij48c3BhbiBjbGFzcz0ibGlua2lubmVyIj48c3BhbiBjbGFzcz0iIiA+VGVlbnMgJmFtcDs8YnIvPkZhbWlseTwvc3Bhbj48L3NwYW4+IDwvYT48L2xpPjxsaSBjbGFzcz0iIiB0aXRsZT0iZ2lmdHMiPjxhIGNsYXNzPSJtYWluY2F0ZWdvcnlsaW5rIiB0aXRsZT0iR2lmdHMiIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9naWZ0cy9zaG93Z2lmdHMuYXNweCI+PHNwYW4gY2xhc3M9Imxpbmtpbm5lciI+PHNwYW4gY2xhc3M9InNpbmdsZWxpbmUiID5HaWZ0czwvc3Bhbj48L3NwYW4+IDwvYT48L2xpPjxsaSBjbGFzcz0iIiA+PGEgY2xhc3M9Im1haW5jYXRlZ29yeWxpbmsiIHRpdGxlPSJVbHRpbWF0ZSBDaG9pY2UiIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9zZWxlY3Rpb25ib3hlcy5hc3B4Ij48c3BhbiBjbGFzcz0ibGlua2lubmVyIj48c3BhbiBjbGFzcz0iIiA+VWx0aW1hdGU8YnIvPkNob2ljZTwvc3Bhbj48L3NwYW4+IDwvYT48L2xpPjxsaSBjbGFzcz0iIiA+PGEgY2xhc3M9Im1haW5jYXRlZ29yeWxpbmsiIHRpdGxlPSJXZWVrZW5kIEdpZnQgQnJlYWtzIiBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZncuYXNweCI+PHNwYW4gY2xhc3M9Imxpbmtpbm5lciI+PHNwYW4gY2xhc3M9IiIgPldlZWtlbmQ8YnIvPkdpZnQgQnJlYWtzPC9zcGFuPjwvc3Bhbj4gPC9hPjwvbGk+PGxpIGNsYXNzPSJsYXN0IiA+PGEgY2xhc3M9Im1haW5jYXRlZ29yeWxpbmsiIHRpdGxlPSJPZmYgUGVhayBEZWFscyIgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL29mZl9wZWFrLmFzcHgiPjxzcGFuIGNsYXNzPSJsaW5raW5uZXIiPjxzcGFuIGNsYXNzPSIiPk9mZiBQZWFrPGJyLz5EZWFsczwvc3Bhbj48L3NwYW4+IDwvYT48L2xpPjwvdWw+PC9kaXY+PGRpdiBpZD0iZHJvcGRvd25tZW51cyIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7IiBjbGFzcz0iIj48ZGl2IGlkPSJmbHkiIGNsYXNzPSJzdWJtZW51IG9mZiI+PHVsPjxsaSBjbGFzcz0iY29sdW1uIGNvbHVtbl8xIj48aDI+Rmx5PC9oMj48dWwgY2xhc3M9Imxpbmtncm91cCI+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9mbHkvYWVyb2JhdGljX2ZsaWdodHMvc2hvdy5hc3B4IiB0aXRsZT0iQWVyb2JhdGljIEZsaWdodHMiPkFlcm9iYXRpYyBGbGlnaHRzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9mbHkvYmFsbG9vbmluZy9zaG93LmFzcHgiIHRpdGxlPSJCYWxsb29uaW5nIj5CYWxsb29uaW5nPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9mbHkvZmxpZ2h0X3NpbXVsYXRvcnMvc2hvdy5hc3B4IiB0aXRsZT0iRmxpZ2h0IFNpbXVsYXRvcnMiPkZsaWdodCBTaW11bGF0b3JzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9mbHkvZ2xpZGVyX2ZsaWdodHMvc2hvdy5hc3B4IiB0aXRsZT0iR2xpZGVyIEZsaWdodHMiPkdsaWRlciBGbGlnaHRzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9mbHkvaGVsaWNvcHRlcl9mbHlpbmdfbGVzc29ucy9zaG93LmFzcHgiIHRpdGxlPSJIZWxpY29wdGVycyI+SGVsaWNvcHRlcnM8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2ZseS9taWNyb2xpZ2h0X2ZseWluZy9zaG93LmFzcHgiIHRpdGxlPSJNaWNyb2xpZ2h0IEZsaWdodHMiPk1pY3JvbGlnaHQgRmxpZ2h0czwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZmx5L3BsYW5lX2ZseWluZ19sZXNzb25zL3Nob3cuYXNweCIgdGl0bGU9IkZseWluZyBMZXNzb25zIj5GbHlpbmcgTGVzc29uczwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZmx5L3NpZ2h0c2VlaW5nX2ZsaWdodHMvc2hvdy5hc3B4IiB0aXRsZT0iU2lnaHRzZWVpbmcgRmxpZ2h0cyI+U2lnaHRzZWVpbmcgRmxpZ2h0czwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZmx5L3RpZ2VyX21vdGhfZmxpZ2h0cy9zaG93LmFzcHgiIHRpdGxlPSJUaWdlciBNb3RoIEZsaWdodHMiPlRpZ2VyIE1vdGggRmxpZ2h0czwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZmx5L3ZpbnRhZ2VfcGxhbmVfZmxpZ2h0cy9zaG93LmFzcHgiIHRpdGxlPSJWaW50YWdlIFBsYW5lcyI+VmludGFnZSBQbGFuZXM8L2E+PC9saT48L3VsPjwvbGk+PC91bD48L2Rpdj48ZGl2IGlkPSJkcml2ZSIgY2xhc3M9InN1Ym1lbnUgb2ZmIj48dWw+PGxpIGNsYXNzPSJjb2x1bW4gY29sdW1uXzEiPjxoMj5Ecml2ZTwvaDI+PHVsIGNsYXNzPSJsaW5rZ3JvdXAiPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZHJpdmUvY2xhc3NpY19jYXJzL3Nob3cuYXNweCIgdGl0bGU9IkNsYXNzaWMgQ2FycyI+Q2xhc3NpYyBDYXJzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9kcml2ZS9kcml2ZV9nZW5lcmFsL3Nob3cuYXNweCIgdGl0bGU9IkRyaXZlIEdlbmVyYWwiPkRyaXZlIEdlbmVyYWw8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2RyaXZlL2ZlcnJhcmkvc2hvdy5hc3B4IiB0aXRsZT0iRmVycmFyaSBEcml2aW5nIj5GZXJyYXJpIERyaXZpbmc8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2RyaXZlL2pjYl9kaWdnZXIvc2hvdy5hc3B4IiB0aXRsZT0iSkNCIERpZ2dlciI+SkNCIERpZ2dlcjwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZHJpdmUva2FydGluZy9zaG93LmFzcHgiIHRpdGxlPSJLYXJ0aW5nIj5LYXJ0aW5nPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9kcml2ZS9taW5pX2Nvb3Blci9zaG93LmFzcHgiIHRpdGxlPSJNaW5pIENvb3BlciI+TWluaSBDb29wZXI8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2RyaXZlL29mZl9yb2FkX2RyaXZpbmcvc2hvdy5hc3B4IiB0aXRsZT0iT2ZmIFJvYWQgRHJpdmluZyI+T2ZmIFJvYWQgRHJpdmluZzwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZHJpdmUvcGFzc2VuZ2VyX3JpZGVzL3Nob3cuYXNweCIgdGl0bGU9IlBhc3NlbmdlciBSaWRlcyI+UGFzc2VuZ2VyIFJpZGVzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9kcml2ZS9xdWFkX2Jpa2luZy9zaG93LmFzcHgiIHRpdGxlPSJRdWFkIEJpa2luZyI+UXVhZCBCaWtpbmc8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2RyaXZlL3JhbGx5X2RyaXZpbmcvc2hvdy5hc3B4IiB0aXRsZT0iUmFsbHkgRHJpdmluZyI+UmFsbHkgRHJpdmluZzwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZHJpdmUvc2luZ2xlX3NlYXRfcmFjaW5nX2NhcnMvc2hvdy5hc3B4IiB0aXRsZT0iU2luZ2xlIFNlYXRlciBDYXJzIj5TaW5nbGUgU2VhdGVyIENhcnM8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2RyaXZlL3N0b2NrX2Nhcl9yYWNpbmcvc2hvdy5hc3B4IiB0aXRsZT0iU3RvY2sgQ2FyIFJhY2luZyI+U3RvY2sgQ2FyIFJhY2luZzwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZHJpdmUvc3VwZXJfY2Fycy9zaG93LmFzcHgiIHRpdGxlPSJTdXBlciBDYXJzIj5TdXBlciBDYXJzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9kcml2ZS90YW5rc19taWxpdGFyeS9zaG93LmFzcHgiIHRpdGxlPSJUYW5rcyBhbmQgTWlsaXRhcnkiPlRhbmtzIGFuZCBNaWxpdGFyeTwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvZHJpdmUvdHJ1Y2tfZHJpdmluZy9zaG93LmFzcHgiIHRpdGxlPSJUcnVjayBEcml2aW5nIj5UcnVjayBEcml2aW5nPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9kcml2ZS9iaWtlcy9zaG93LmFzcHgiIHRpdGxlPSJNb3RvcmJpa2VzIj5Nb3RvcmJpa2VzPC9hPjwvbGk+PC91bD48L2xpPjwvdWw+PC9kaXY+PGRpdiBpZD0ib3V0ZG9vciIgY2xhc3M9InN1Ym1lbnUgb2ZmIj48dWw+PGxpIGNsYXNzPSJjb2x1bW4gY29sdW1uXzEiPjxoMj5PdXRkb29yPC9oMj48dWwgY2xhc3M9Imxpbmtncm91cCI+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9vdXRkb29yL2FuaW1hbF9leHBlcmllbmNlcy9zaG93LmFzcHgiIHRpdGxlPSJBbmltYWwgRXhwZXJpZW5jZXMiPkFuaW1hbCBFeHBlcmllbmNlczwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvb3V0ZG9vci9iaXJkX2hhbmRsaW5nL3Nob3cuYXNweCIgdGl0bGU9IkJpcmQgSGFuZGxpbmciPkJpcmQgSGFuZGxpbmc8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL291dGRvb3IvYnVuZ2VlX2p1bXBpbmcvc2hvdy5hc3B4IiB0aXRsZT0iQnVuZ2VlIEp1bXBpbmciPkJ1bmdlZSBKdW1waW5nPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9vdXRkb29yL2NsYXlfc2hvb3Rpbmcvc2hvdy5hc3B4IiB0aXRsZT0iQ2xheSBTaG9vdGluZyI+Q2xheSBTaG9vdGluZzwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvb3V0ZG9vci9nb2xmL3Nob3cuYXNweCIgdGl0bGU9IkdvbGYiPkdvbGY8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL291dGRvb3IvaG9yc2VzL3Nob3cuYXNweCIgdGl0bGU9IkhvcnNlcyI+SG9yc2VzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9vdXRkb29yL291dGRvb3JfZ2VuZXJhbC9zaG93LmFzcHgiIHRpdGxlPSJPdXRkb29yIEdlbmVyYWwiPk91dGRvb3IgR2VuZXJhbDwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvb3V0ZG9vci9wYWludGJhbGxpbmcvc2hvdy5hc3B4IiB0aXRsZT0iUGFpbnRiYWxsaW5nIj5QYWludGJhbGxpbmc8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL291dGRvb3IvcGFyYWNodXRpbmcvc2hvdy5hc3B4IiB0aXRsZT0iUGFyYWNodXRpbmciPlBhcmFjaHV0aW5nPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9vdXRkb29yL3NreWRpdmluZy9zaG93LmFzcHgiIHRpdGxlPSJTa3lkaXZpbmciPlNreWRpdmluZzwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvb3V0ZG9vci9zcGhlcmVpbmcvc2hvdy5hc3B4IiB0aXRsZT0iU3BoZXJlaW5nIj5TcGhlcmVpbmc8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL291dGRvb3Ivc3RhZGl1bV90b3Vycy9zaG93LmFzcHgiIHRpdGxlPSJTdGFkaXVtIFRvdXJzIj5TdGFkaXVtIFRvdXJzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9vdXRkb29yL3N1cnZpdmFsL3Nob3cuYXNweCIgdGl0bGU9IlN1cnZpdmFsIGFuZCBTcHkiPlN1cnZpdmFsIGFuZCBTcHk8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL291dGRvb3IvdGhlbWVfcGFya190aWNrZXRzL3Nob3cuYXNweCIgdGl0bGU9IlRoZW1lIFBhcmsgVGlja2V0cyI+VGhlbWUgUGFyayBUaWNrZXRzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9vdXRkb29yL3RyYWluX3RyaXBzL3Nob3cuYXNweCIgdGl0bGU9IlRyYWluIFRyaXBzIj5UcmFpbiBUcmlwczwvYT48L2xpPjwvdWw+PC9saT48L3VsPjwvZGl2PjxkaXYgaWQ9InBhbXBlciIgY2xhc3M9InN1Ym1lbnUgb2ZmIj48dWw+PGxpIGNsYXNzPSJjb2x1bW4gY29sdW1uXzEiPjxoMj5QYW1wZXI8L2gyPjx1bCBjbGFzcz0ibGlua2dyb3VwIj48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL3BhbXBlci9oZWFsdGhfYmVhdXR5L3Nob3cuYXNweCIgdGl0bGU9IkhlYWx0aCBBbmQgQmVhdXR5Ij5IZWFsdGggQW5kIEJlYXV0eTwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGFtcGVyL2hvdGVsX2JyZWFrcy9zaG93LmFzcHgiIHRpdGxlPSJIb3RlbCBCcmVha3MiPkhvdGVsIEJyZWFrczwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGFtcGVyL3BhbXBlcl9nZW5lcmFsL3Nob3cuYXNweCIgdGl0bGU9IlBhbXBlciBHZW5lcmFsIj5QYW1wZXIgR2VuZXJhbDwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGFtcGVyL3Bob3RvZ3JhcGhpY19tYWtlb3ZlcnMvc2hvdy5hc3B4IiB0aXRsZT0iUGhvdG8gTWFrZW92ZXJzIj5QaG90byBNYWtlb3ZlcnM8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL3BhbXBlci9zcGFfZGF5cy9zaG93LmFzcHgiIHRpdGxlPSJTcGEgRGF5cyI+U3BhIERheXM8L2E+PC9saT48L3VsPjwvbGk+PC91bD48L2Rpdj48ZGl2IGlkPSJ3YXRlciIgY2xhc3M9InN1Ym1lbnUgb2ZmIj48dWw+PGxpIGNsYXNzPSJjb2x1bW4gY29sdW1uXzEiPjxoMj5XYXRlcjwvaDI+PHVsIGNsYXNzPSJsaW5rZ3JvdXAiPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvd2F0ZXIvc2FpbGluZ19wb3dlcmJvYXRzL3Nob3cuYXNweCIgdGl0bGU9IlNhaWxpbmcgJmFtcDsgUG93ZXJib2F0cyI+U2FpbGluZyAmYW1wOyBQb3dlcmJvYXRzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay93YXRlci93YXRlcl9zcG9ydHMvc2hvdy5hc3B4IiB0aXRsZT0iV2F0ZXIgU3BvcnRzIj5XYXRlciBTcG9ydHM8L2E+PC9saT48L3VsPjwvbGk+PC91bD48L2Rpdj48ZGl2IGlkPSJsaWZlc3R5bGUiIGNsYXNzPSJzdWJtZW51IG9mZiI+PHVsPjxsaSBjbGFzcz0iY29sdW1uIGNvbHVtbl8xIj48aDI+TGlmZXN0eWxlPC9oMj48dWwgY2xhc3M9Imxpbmtncm91cCI+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9saWZlc3R5bGUvY29va2VyeV9jb3Vyc2VzL3Nob3cuYXNweCIgdGl0bGU9IkNvb2tlcnkgQ291cnNlcyI+Q29va2VyeSBDb3Vyc2VzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9saWZlc3R5bGUvbGVhcm5fc29tZXRoaW5nX25ldy9zaG93LmFzcHgiIHRpdGxlPSJMZWFybmluZyBEYXlzIj5MZWFybmluZyBEYXlzPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9saWZlc3R5bGUvbGlmZXN0eWxlX2dlbmVyYWwvc2hvdy5hc3B4IiB0aXRsZT0iTGlmZXN0eWxlIEdlbmVyYWwiPkxpZmVzdHlsZSBHZW5lcmFsPC9hPjwvbGk+PC91bD48L2xpPjwvdWw+PC9kaXY+PGRpdiBpZD0iZ2lmdHMiIGNsYXNzPSJzdWJtZW51IG9mZiI+PHVsPjxsaSBjbGFzcz0iY29sdW1uIGNvbHVtbl8xIj48aDI+R2lmdHM8L2gyPjx1bCBjbGFzcz0ibGlua2dyb3VwIj48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2dpZnRzL3Nob3dhbGwuYXNweCIgdGl0bGU9IldpbmUsIENob2NvbGF0ZXMgYW5kIEZsb3dlcnMiPldpbmUsIENob2NvbGF0ZXMgYW5kIEZsb3dlcnM8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL25vdmVsdHlfZ2lmdHMvc2hvd2FsbGNhcmQuYXNweCIgdGl0bGU9Ik5vdmVsdHkgR2lmdHMiPk5vdmVsdHkgR2lmdHM8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL2dhZGdldHMvc2hvd2FsbGNhcmQuYXNweCIgdGl0bGU9IktlZXBzYWtlIEdpZnRzIj5LZWVwc2FrZSBHaWZ0czwvYT48L2xpPjwvdWw+PGgyPlBlcnNvbmFsaXNlZCBHaWZ0czwvaDI+PHVsIGNsYXNzPSJsaW5rZ3JvdXAiPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGVyc29uYWxpc2VkX2NhbGVuZGFycy9zaG93YWxsY2FyZC5hc3B4IiB0aXRsZT0iUGVyc29uYWxpc2VkIENhbGVuZGFycyI+UGVyc29uYWxpc2VkIENhbGVuZGFyczwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGVyc29uYWxpc2VkX3Bvc3RlcnMvc2hvd2FsbGNhcmQuYXNweCIgdGl0bGU9IlBlcnNvbmFsaXNlZCBQb3N0ZXJzIj5QZXJzb25hbGlzZWQgUG9zdGVyczwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGVyc29uYWxpc2VkX2RpYXJpZXMvc2hvd2FsbGNhcmQuYXNweCIgdGl0bGU9IlBlcnNvbmFsaXNlZCBEaWFyaWVzIj5QZXJzb25hbGlzZWQgRGlhcmllczwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGVyc29uYWxpc2VkX2VuZ3JhdmVkL3Nob3dhbGxjYXJkLmFzcHgiIHRpdGxlPSJQZXJzb25hbGlzZWQgRW5ncmF2ZWQiPlBlcnNvbmFsaXNlZCBFbmdyYXZlZDwvYT48L2xpPjwvdWw+PC9saT48bGkgY2xhc3M9ImNvbHVtbiBjb2x1bW5fMiI+PGgyPlBlcnNvbmFsaXNlZCBDYXJkczwvaDI+PHVsIGNsYXNzPSJsaW5rZ3JvdXAiPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGVyc29uYWxpc2VkX2NhcmRzL0FsbC9zaG93X2NhcmQuYXNweCIgdGl0bGU9IkFsbCI+QWxsPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9wZXJzb25hbGlzZWRfY2FyZHMvQW5uaXZlcnNhcnkvc2hvd19jYXJkLmFzcHgiIHRpdGxlPSJBbm5pdmVyc2FyeSI+QW5uaXZlcnNhcnk8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL3BlcnNvbmFsaXNlZF9jYXJkcy9CaXJ0aGRheS9zaG93X2NhcmQuYXNweCIgdGl0bGU9IkJpcnRoZGF5Ij5CaXJ0aGRheTwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGVyc29uYWxpc2VkX2NhcmRzL0NocmlzdGVuaW5nL3Nob3dfY2FyZC5hc3B4IiB0aXRsZT0iQ2hyaXN0ZW5pbmciPkNocmlzdGVuaW5nPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9wZXJzb25hbGlzZWRfY2FyZHMvRWFzdGVyL3Nob3dfY2FyZC5hc3B4IiB0aXRsZT0iRWFzdGVyIj5FYXN0ZXI8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL3BlcnNvbmFsaXNlZF9jYXJkcy9FbmdhZ2VtZW50L3Nob3dfY2FyZC5hc3B4IiB0aXRsZT0iRW5nYWdlbWVudCI+RW5nYWdlbWVudDwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGVyc29uYWxpc2VkX2NhcmRzL0ZhdGhlcnNfRGF5L3Nob3dfY2FyZC5hc3B4IiB0aXRsZT0iRmF0aGVycyBEYXkiPkZhdGhlcnMgRGF5PC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9wZXJzb25hbGlzZWRfY2FyZHMvR2V0X1dlbGwvc2hvd19jYXJkLmFzcHgiIHRpdGxlPSJHZXQgV2VsbCI+R2V0IFdlbGw8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL3BlcnNvbmFsaXNlZF9jYXJkcy9Hb29kX0x1Y2svc2hvd19jYXJkLmFzcHgiIHRpdGxlPSJHb29kIEx1Y2siPkdvb2QgTHVjazwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGVyc29uYWxpc2VkX2NhcmRzL0dyYWR1YXRpb24vc2hvd19jYXJkLmFzcHgiIHRpdGxlPSJHcmFkdWF0aW9uIj5HcmFkdWF0aW9uPC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9wZXJzb25hbGlzZWRfY2FyZHMvTW90aGVyc19EYXkvc2hvd19jYXJkLmFzcHgiIHRpdGxlPSJNb3RoZXJzIERheSI+TW90aGVycyBEYXk8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL3BlcnNvbmFsaXNlZF9jYXJkcy9OZXdfQmFieS9zaG93X2NhcmQuYXNweCIgdGl0bGU9Ik5ldyBCYWJ5Ij5OZXcgQmFieTwvYT48L2xpPjxsaT48YSBocmVmPSJodHRwOi8vd3d3LkFyZ29zR2lmdHMuY28udWsvcGVyc29uYWxpc2VkX2NhcmRzL1JldGlyZW1lbnQvc2hvd19jYXJkLmFzcHgiIHRpdGxlPSJSZXRpcmVtZW50Ij5SZXRpcmVtZW50PC9hPjwvbGk+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9wZXJzb25hbGlzZWRfY2FyZHMvV2VkZGluZy9zaG93X2NhcmQuYXNweCIgdGl0bGU9IldlZGRpbmciPldlZGRpbmc8L2E+PC9saT48bGk+PGEgaHJlZj0iaHR0cDovL3d3dy5Bcmdvc0dpZnRzLmNvLnVrL3BlcnNvbmFsaXNlZF9jYXJkcy9DaHJpc3RtYXMvc2hvd19jYXJkLmFzcHgiIHRpdGxlPSJDaHJpc3RtYXMiPkNocmlzdG1hczwvYT48L2xpPjwvdWw+PC9saT48L3VsPjwvZGl2PjwvZGl2PjxkaXYgaWQ9IkRlYWxzIj48dWw+PGxpPjxhIGhyZWY9Imh0dHA6Ly93d3cuQXJnb3NHaWZ0cy5jby51ay9kZWFsc19vZl90aGVfbW9udGguYXNweCIgdGl0bGU9IkRlYWxzIE9mIFRoZSBNb250aCI+RGVhbHMgT2YgVGhlIE1vbnRoPC9hPjwvbGk+PC91bD48L2Rpdj5kAgcPFgIeC18hSXRlbUNvdW50AgQWCGYPZBYIAgEPZBYCAgEPFgQeA2FsdAUcSGVhbHRoIENsdWIgRGF5IFBhc3MgZm9yIFR3bx4FdGl0bGUFHEhlYWx0aCBDbHViIERheSBQYXNzIGZvciBUd29kAgMPFgIfBAUcSGVhbHRoIENsdWIgRGF5IFBhc3MgZm9yIFR3bxYCZg8VARxIZWFsdGggQ2x1YiBEYXkgUGFzcyBmb3IgVHdvZAIEDxUBB8KjMTkuMDBkAgUPFgIfBAUcSGVhbHRoIENsdWIgRGF5IFBhc3MgZm9yIFR3b2QCAQ9kFggCAQ9kFgICAQ8WBB8DBRJFbGl0ZSBTdGFkaXVtIFRvdXIfBAUSRWxpdGUgU3RhZGl1bSBUb3VyZAIDDxYCHwQFEkVsaXRlIFN0YWRpdW0gVG91chYCZg8VARJFbGl0ZSBTdGFkaXVtIFRvdXJkAgQPFQEHwqMyOS4wMGQCBQ8WAh8EBRJFbGl0ZSBTdGFkaXVtIFRvdXJkAgIPZBYIAgEPZBYCAgEPFgQfAwUqV2VzdCBFbmQgVGhlYXRyZSAmIExvbmRvbiBQdWIgTWVhbCBmb3IgVHdvHwQFKldlc3QgRW5kIFRoZWF0cmUgJiBMb25kb24gUHViIE1lYWwgZm9yIFR3b2QCAw8WAh8EBSpXZXN0IEVuZCBUaGVhdHJlICYgTG9uZG9uIFB1YiBNZWFsIGZvciBUd28WAmYPFQEuV2VzdCBFbmQgVGhlYXRyZSAmYW1wOyBMb25kb24gUHViIE1lYWwgZm9yIFR3b2QCBA8VAQfCozk5LjAwZAIFDxYCHwQFKldlc3QgRW5kIFRoZWF0cmUgJiBMb25kb24gUHViIE1lYWwgZm9yIFR3b2QCAw9kFggCAQ9kFgICAQ8WBB8DBRNBc3RvbiBNYXJ0aW4gVGhyaWxsHwQFE0FzdG9uIE1hcnRpbiBUaHJpbGxkAgMPFgIfBAUTQXN0b24gTWFydGluIFRocmlsbBYCZg8VARNBc3RvbiBNYXJ0aW4gVGhyaWxsZAIEDxUBCMKjMTE5LjAwZAIFDxYCHwQFE0FzdG9uIE1hcnRpbiBUaHJpbGxkAiEPZBYCZg8WAh8AZWQCIw9kFgJmDxYCHwBlZGTxGYOZ1QruBbzJF5hoSgTNQTKZ8g==" />
       </div>
       <div id="base">
           <div id="middle">
               <div id="mainContainer">
                   <div id="headerBase">
                       <a name="top" id="top"></a><span id="spnlogo"><a href="http://www.mysite.co.uk/home.aspx"
                           id="Header1_wluc1_ctl00_lnklogo" title="mysite.co.uk">
                           <img id="logo" alt="mysite.co.uk" title="mysite.co.uk" src="http://www.mysite.co.uk/Images/mysite/mysite_logo_header.gif" />
                       </a></span>
                       <div id="rightBox">
                           <div class="basketPanel">
                               <div class="basketBody">
                                   <a class="aLink" href="http://www.somesite.co.uk" target="_blank">Go to somesite.co.uk</a>
                                   <p id="Header1_paraItems" class="items">
                                       <a href="http://www.mysite.co.uk/shoppingcart_ds.aspx" id="Header1_WLLink2" class="trolleylink"
                                           title="My Trolley">My Trolley </a><span class="trolleysummary">( 0 item(s) = £0.00 )
                                           </span>
                                   </p>
                                   <a href="http://www.mysite.co.uk/home.aspx" id="Header1_WLLink1" title="Home">Home </a>
                               </div>
                           </div>
                           <div class="searchPanel">
                               <div class="searchBody">
                                   <div id="Header1_panSearch" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'Header1_cmdSearch')">
                                       <input name="Header1$txtSearch" type="text" value="Search mysite Gifts" id="Header1_txtSearch"
                                           class="search" onfocus="clear_search(this,'Search mysite Gifts')" />
                                       <input type="submit" name="Header1$cmdSearch" value="Go" id="Header1_cmdSearch" title="Go"
                                           class="goBtn" />
                                   </div>
                               </div>
                               <p class="sitemap">
                                   <a href="http://www.mysite.co.uk/site_map/index.aspx" id="Header1_headerSiteMap"
                                       title="Site map">Site Map </a>
                               </p>
                           </div>
                       </div>
                   </div>
                   <div id="mainnav">
                       <ul class="mainnavcategories navitems">
                           <li class="first"><a class="maincategorylink" title="Bestsellers" href="http://www.mysite.co.uk/bestsellers.aspx">
                               <span class="linkinner"><span class="singleline">Bestsellers</span></span> </a></li>
                           <li class=""><a class="maincategorylink" title="New Experiences" href="http://www.mysite.co.uk/new.aspx">
                               <span class="linkinner"><span class="">New<br />
                                   Experiences</span></span> </a></li>
                           <li class="" title="fly"><a class="maincategorylink" title="Fly" href="http://www.mysite.co.uk/fly/show.aspx">
                               <span class="linkinner"><span class="singleline">Fly</span></span> </a></li>
                           <li class="" title="drive"><a class="maincategorylink" title="Drive" href="http://www.mysite.co.uk/drive/show.aspx">
                               <span class="linkinner"><span class="singleline">Drive</span></span> </a></li>
                           <li class="" title="outdoor"><a class="maincategorylink" title="Outdoor" href="http://www.mysite.co.uk/outdoor/show.aspx">
                               <span class="linkinner"><span class="singleline">Outdoor</span></span> </a></li>
                           <li class="" title="pamper"><a class="maincategorylink" title="Pamper" href="http://www.mysite.co.uk/pamper/show.aspx">
                               <span class="linkinner"><span class="singleline">Pamper</span></span> </a></li>
                           <li class="" title="water"><a class="maincategorylink" title="Water" href="http://www.mysite.co.uk/water/show.aspx">
                               <span class="linkinner"><span class="singleline">Water</span></span> </a></li>
                           <li class="" title="lifestyle"><a class="maincategorylink" title="Lifestyle" href="http://www.mysite.co.uk/lifestyle/show.aspx">
                               <span class="linkinner"><span class="singleline">Lifestyle</span></span> </a></li>
                           <li class=""><a class="maincategorylink" title="Fame" href="http://www.mysite.co.uk/fame/showall.aspx">
                               <span class="linkinner"><span class="singleline">Fame</span></span> </a></li>
                           <li class=""><a class="maincategorylink" title="For Couples" href="http://www.mysite.co.uk/for_couples/showall.aspx">
                               <span class="linkinner"><span class="singleline">For Couples</span></span> </a></li>
                           <li class=""><a class="maincategorylink" title="Teens & Family" href="http://www.mysite.co.uk/teens_and_family/showall.aspx">
                               <span class="linkinner"><span class="">Teens &<br />
                                   Family</span></span> </a></li>
                           <li class="" title="gifts"><a class="maincategorylink" title="Gifts" href="http://www.mysite.co.uk/gifts/showgifts.aspx">
                               <span class="linkinner"><span class="singleline">Gifts</span></span> </a></li>
                           <li class=""><a class="maincategorylink" title="Product Name" href="http://www.mysite.co.uk/selectionboxes.aspx">
                               <span class="linkinner"><span class="">Ultimate<br />
                                   Choice</span></span> </a></li>
                           <li class=""><a class="maincategorylink" title="Product Name" href="http://www.mysite.co.uk/fw.aspx">
                               <span class="linkinner"><span class="">Weekend<br />
                                   Gift Breaks</span></span> </a></li>
                           <li class="last"><a class="maincategorylink" title="Off Peak Deals" href="http://www.mysite.co.uk/off_peak.aspx">
                               <span class="linkinner"><span class="">Off Peak<br />
                                   Deals</span></span> </a></li>
                       </ul>
                   </div>
                   <div id="dropdownmenus" style="display: none;" class="">
                       <div id="fly" class="submenu off">
                           <ul>
                               <li class="column column_1">
                                   <h2>
                                       Fly</h2>
                                   <ul class="linkgroup">
                                       <li><a href="http://www.mysite.co.uk/fly/aerobatic_flights/show.aspx" title="Aerobatic Flights">
                                           Aerobatic Flights</a></li><li><a href="http://www.mysite.co.uk/fly/ballooning/show.aspx"
                                               title="Ballooning">Ballooning</a></li><li><a href="http://www.mysite.co.uk/fly/flight_simulators/show.aspx"
                                                   title="Flight Simulators">Flight Simulators</a></li><li><a href="http://www.mysite.co.uk/fly/glider_flights/show.aspx"
                                                       title="Glider Flights">Glider Flights</a></li><li><a href="http://www.mysite.co.uk/fly/helicopter_flying_lessons/show.aspx"
                                                           title="Helicopters">Helicopters</a></li><li><a href="http://www.mysite.co.uk/fly/microlight_flying/show.aspx"
                                                               title="Microlight Flights">Microlight Flights</a></li><li><a href="http://www.mysite.co.uk/fly/plane_flying_lessons/show.aspx"
                                                                   title="Flying Lessons">Flying Lessons</a></li><li><a href="http://www.mysite.co.uk/fly/sightseeing_flights/show.aspx"
                                                                       title="Sightseeing Flights">Sightseeing Flights</a></li><li><a href="http://www.mysite.co.uk/fly/tiger_moth_flights/show.aspx"
                                                                           title="Tiger Moth Flights">Tiger Moth Flights</a></li><li><a href="http://www.mysite.co.uk/fly/vintage_plane_flights/show.aspx"
                                                                               title="Vintage Planes">Vintage Planes</a></li></ul>
                               </li>
                           </ul>
                       </div>
                       <div id="drive" class="submenu off">
                           <ul>
                               <li class="column column_1">
                                   <h2>
                                       Drive</h2>
                                   <ul class="linkgroup">
                                       <li><a href="http://www.mysite.co.uk/drive/classic_cars/show.aspx" title="Classic Cars">
                                           Classic Cars</a></li><li><a href="http://www.mysite.co.uk/drive/drive_general/show.aspx"
                                               title="Drive General">Drive General</a></li><li><a href="http://www.mysite.co.uk/drive/ferrari/show.aspx"
                                                   title="Ferrari Driving">Ferrari Driving</a></li><li><a href="http://www.mysite.co.uk/drive/jcb_digger/show.aspx"
                                                       title="JCB Digger">JCB Digger</a></li><li><a href="http://www.mysite.co.uk/drive/karting/show.aspx"
                                                           title="Karting">Karting</a></li><li><a href="http://www.mysite.co.uk/drive/mini_cooper/show.aspx"
                                                               title="Mini Cooper">Mini Cooper</a></li><li><a href="http://www.mysite.co.uk/drive/off_road_driving/show.aspx"
                                                                   title="Off Road Driving">Off Road Driving</a></li><li><a href="http://www.mysite.co.uk/drive/passenger_rides/show.aspx"
                                                                       title="Passenger Rides">Passenger Rides</a></li><li><a href="http://www.mysite.co.uk/drive/quad_biking/show.aspx"
                                                                           title="Quad Biking">Quad Biking</a></li><li><a href="http://www.mysite.co.uk/drive/rally_driving/show.aspx"
                                                                               title="Rally Driving">Rally Driving</a></li><li><a href="http://www.mysite.co.uk/drive/single_seat_racing_cars/show.aspx"
                                                                                   title="Single Seater Cars">Single Seater Cars</a></li><li><a href="http://www.mysite.co.uk/drive/stock_car_racing/show.aspx"
                                                                                       title="Stock Car Racing">Stock Car Racing</a></li><li><a href="http://www.mysite.co.uk/drive/super_cars/show.aspx"
                                                                                           title="Super Cars">Super Cars</a></li><li><a href="http://www.mysite.co.uk/drive/tanks_military/show.aspx"
                                                                                               title="Tanks and Military">Tanks and Military</a></li><li><a href="http://www.mysite.co.uk/drive/truck_driving/show.aspx"
                                                                                                   title="Truck Driving">Truck Driving</a></li><li><a href="http://www.mysite.co.uk/drive/bikes/show.aspx"
                                                                                                       title="Motorbikes">Motorbikes</a></li></ul>
                               </li>
                           </ul>
                       </div>
                       <div id="outdoor" class="submenu off">
                           <ul>
                               <li class="column column_1">
                                   <h2>
                                       Outdoor</h2>
                                   <ul class="linkgroup">
                                       <li><a href="http://www.mysite.co.uk/outdoor/animal_experiences/show.aspx" title="Animal Experiences">
                                           Animal Experiences</a></li><li><a href="http://www.mysite.co.uk/outdoor/bird_handling/show.aspx"
                                               title="Bird Handling">Bird Handling</a></li><li><a href="http://www.mysite.co.uk/outdoor/bungee_jumping/show.aspx"
                                                   title="Bungee Jumping">Bungee Jumping</a></li><li><a href="http://www.mysite.co.uk/outdoor/clay_shooting/show.aspx"
                                                       title="Clay Shooting">Clay Shooting</a></li><li><a href="http://www.mysite.co.uk/outdoor/golf/show.aspx"
                                                           title="Golf">Golf</a></li><li><a href="http://www.mysite.co.uk/outdoor/horses/show.aspx"
                                                               title="Horses">Horses</a></li><li><a href="http://www.mysite.co.uk/outdoor/outdoor_general/show.aspx"
                                                                   title="Outdoor General">Outdoor General</a></li><li><a href="http://www.mysite.co.uk/outdoor/paintballing/show.aspx"
                                                                       title="Paintballing">Paintballing</a></li><li><a href="http://www.mysite.co.uk/outdoor/parachuting/show.aspx"
                                                                           title="Parachuting">Parachuting</a></li><li><a href="http://www.mysite.co.uk/outdoor/skydiving/show.aspx"
                                                                               title="Skydiving">Skydiving</a></li><li><a href="http://www.mysite.co.uk/outdoor/sphereing/show.aspx"
                                                                                   title="Sphereing">Sphereing</a></li><li><a href="http://www.mysite.co.uk/outdoor/stadium_tours/show.aspx"
                                                                                       title="Stadium Tours">Stadium Tours</a></li><li><a href="http://www.mysite.co.uk/outdoor/survival/show.aspx"
                                                                                           title="Survival and Spy">Survival and Spy</a></li><li><a href="http://www.mysite.co.uk/outdoor/theme_park_tickets/show.aspx"
                                                                                               title="Theme Park Tickets">Theme Park Tickets</a></li><li><a href="http://www.mysite.co.uk/outdoor/train_trips/show.aspx"
                                                                                                   title="Train Trips">Train Trips</a></li></ul>
                               </li>
                           </ul>
                       </div>
                       <div id="pamper" class="submenu off">
                           <ul>
                               <li class="column column_1">
                                   <h2>
                                       Pamper</h2>
                                   <ul class="linkgroup">
                                       <li><a href="http://www.mysite.co.uk/pamper/health_beauty/show.aspx" title="Health And Beauty">
                                           Health And Beauty</a></li><li><a href="http://www.mysite.co.uk/pamper/hotel_breaks/show.aspx"
                                               title="Hotel Breaks">Hotel Breaks</a></li><li><a href="http://www.mysite.co.uk/pamper/pamper_general/show.aspx"
                                                   title="Pamper General">Pamper General</a></li><li><a href="http://www.mysite.co.uk/pamper/photographic_makeovers/show.aspx"
                                                       title="Photo Makeovers">Photo Makeovers</a></li><li><a href="http://www.mysite.co.uk/pamper/spa_days/show.aspx"
                                                           title="Spa Days">Spa Days</a></li></ul>
                               </li>
                           </ul>
                       </div>
                       <div id="water" class="submenu off">
                           <ul>
                               <li class="column column_1">
                                   <h2>
                                       Water</h2>
                                   <ul class="linkgroup">
                                       <li><a href="http://www.mysite.co.uk/water/sailing_powerboats/show.aspx" title="Sailing & Powerboats">
                                           Sailing & Powerboats</a></li><li><a href="http://www.mysite.co.uk/water/water_sports/show.aspx"
                                               title="Water Sports">Water Sports</a></li></ul>
                               </li>
                           </ul>
                       </div>
                       <div id="lifestyle" class="submenu off">
                           <ul>
                               <li class="column column_1">
                                   <h2>
                                       Lifestyle</h2>
                                   <ul class="linkgroup">
                                       <li><a href="http://www.mysite.co.uk/lifestyle/cookery_courses/show.aspx" title="Cookery Courses">
                                           Cookery Courses</a></li><li><a href="http://www.mysite.co.uk/lifestyle/learn_something_new/show.aspx"
                                               title="Learning Days">Learning Days</a></li><li><a href="http://www.mysite.co.uk/lifestyle/lifestyle_general/show.aspx"
                                                   title="Lifestyle General">Lifestyle General</a></li></ul>
                               </li>
                           </ul>
                       </div>
                       <div id="gifts" class="submenu off">
                           <ul>
                               <li class="column column_1">
                                   <h2>
                                       Gifts</h2>
                                   <ul class="linkgroup">
                                       <li><a href="http://www.mysite.co.uk/gifts/showall.aspx" title="Wine, Chocolates and Flowers">
                                           Wine, Chocolates and Flowers</a></li><li><a href="http://www.mysite.co.uk/novelty_gifts/showallcard.aspx"
                                               title="Novelty Gifts">Novelty Gifts</a></li><li><a href="http://www.mysite.co.uk/gadgets/showallcard.aspx"
                                                   title="Keepsake Gifts">Keepsake Gifts</a></li></ul>
                                   <h2>
                                       Personalised Gifts</h2>
                                   <ul class="linkgroup">
                                       <li><a href="http://www.mysite.co.uk/personalised_calendars/showallcard.aspx" title="Personalised Calendars">
                                           Personalised Calendars</a></li><li><a href="http://www.mysite.co.uk/personalised_posters/showallcard.aspx"
                                               title="Personalised Posters">Personalised Posters</a></li><li><a href="http://www.mysite.co.uk/personalised_diaries/showallcard.aspx"
                                                   title="Personalised Diaries">Personalised Diaries</a></li><li><a href="http://www.mysite.co.uk/personalised_engraved/showallcard.aspx"
                                                       title="Product Name">Product Name</a></li></ul>
                               </li>
                               <li class="column column_2">
                                   <h2>
                                       Product Name</h2>
                                   <ul class="linkgroup">
                                       <li><a href="http://www.mysite.co.uk/personalised_cards/All/show_card.aspx" title="All">
                                           All</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Anniversary/show_card.aspx"
                                               title="Anniversary">Anniversary</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Birthday/show_card.aspx"
                                                   title="Birthday">Birthday</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Christening/show_card.aspx"
                                                       title="Christening">Christening</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Easter/show_card.aspx"
                                                           title="Easter">Easter</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Engagement/show_card.aspx"
                                                               title="Engagement">Engagement</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Fathers_Day/show_card.aspx"
                                                                   title="Fathers Day">Fathers Day</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Get_Well/show_card.aspx"
                                                                       title="Get Well">Get Well</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Good_Luck/show_card.aspx"
                                                                           title="Good Luck">Good Luck</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Graduation/show_card.aspx"
                                                                               title="Graduation">Graduation</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Mothers_Day/show_card.aspx"
                                                                                   title="Mothers Day">Mothers Day</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/New_Baby/show_card.aspx"
                                                                                       title="New Baby">New Baby</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Retirement/show_card.aspx"
                                                                                           title="Retirement">Retirement</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Wedding/show_card.aspx"
                                                                                               title="Wedding">Wedding</a></li><li><a href="http://www.mysite.co.uk/personalised_cards/Christmas/show_card.aspx"
                                                                                                   title="Christmas">Christmas</a></li></ul>
                               </li>
                           </ul>
                       </div>
                   </div>
                   <div id="Deals">
                       <ul>
                           <li><a href="http://www.mysite.co.uk/deals_of_the_month.aspx" title="Deals Of The Month">
                               Deals Of The Month</a></li></ul>
                   </div>
                   <div id="ct">
                       <div id="content">
                           <div class="prod-bg home-bg">
                               <div class="homepage-banners">
                                   <a href="http://www.mysite.co.uk/bestsellers.aspx" id="lnkhomepagebanner01" title="Over 2000 Great Gift idea">
                                       <img src="http://www.mysite.co.uk/images/mysite/hp-banner.jpg" id="acthomepagebanner01"
                                           width="870" height="275" alt="Over 2000 Great Gift idea" title="Over 2000 Great Gift idea" />
                                   </a>
                               </div>
                               <div class="subCat_container">
                                   <h1>
                                       Featured Products
                                   </h1>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <a href="http://www.mysite.co.uk/#" id="repActivities_ctl00_WLLink1">
                                               <img src="http://www.mysite.com/images/pics_thumbs/GFPA.gif" id="repActivities_ctl00_actImage2"
                                                   alt="Product Name" title="Product Name" />
                                           </a>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <a href="http://www.mysite.co.uk/#" id="repActivities_ctl00_cusLink4" title="Product Name">
                                                   Product Name </a>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>£19.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <a href="http://www.mysite.co.uk/#" id="repActivities_ctl00_WLLink2" class="moredetail"
                                                   title="Product Name">...more detail </a>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <a href="http://www.mysite.co.uk/#" id="repActivities_ctl01_WLLink1">
                                               <img src="http://www.mysite.com/images/pics_thumbs/METES.gif" id="repActivities_ctl01_actImage2"
                                                   alt="Product Name" title="Product Name" />
                                           </a>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <a href="http://www.mysite.co.uk/#" id="repActivities_ctl01_cusLink4" title="Product Name">
                                                   Product Name </a>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>£29.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <a href="http://www.mysite.co.uk/#" id="repActivities_ctl01_WLLink2" class="moredetail"
                                                   title="Product Name">...more detail </a>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <a href="http://www.mysite.co.uk/#" id="repActivities_ctl02_WLLink1">
                                               <img src="http://www.mysite.com/images/pics_thumbs/LTHE.gif" id="repActivities_ctl02_actImage2"
                                                   alt="Product Name" title="Product Name" />
                                           </a>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <a href="http://www.mysite.co.uk/#" id="repActivities_ctl02_cusLink4" title="Product Name">
                                                   Product Name </a>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>£99.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <a href="http://www.mysite.co.uk/#" id="repActivities_ctl02_WLLink2" class="moredetail"
                                                   title="Product Name">...more detail </a>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <a href="http://www.mysite.co.uk/#" id="repActivities_ctl03_WLLink1">
                                               <img src="http://www.mysite.com/#" id="repActivities_ctl03_actImage2" alt="Product Name"
                                                   title="Product Name" />
                                           </a>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <a href="http://www.mysite.co.uk/drive/aston_martin_thrill/last/product.aspx" id="repActivities_ctl03_cusLink4"
                                                   title="Product Name">Product Name </a>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>£119.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <a href="http://www.mysite.co.uk/drive/aston_martin_thrill/last/product.aspx" id="repActivities_ctl03_WLLink2"
                                                   class="moredetail" title="Product Name">...more detail </a>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <a href="http://www.mysite.co.uk/personalised_engraved/showallcard.aspx" id="WLLink1">
                                               <img src="http://www.mysite.co.uk/images/mysite/personalised_engraved.gif" id="actImage2"
                                                   alt="Product Name" title="Product Name" />
                                           </a>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <a href="http://www.mysite.co.uk/personalised_engraved/showallcard.aspx" id="WLLink3"
                                                   title="Product Name">Product Name </a>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>From £12.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <a href="http://www.mysite.co.uk/personalised_engraved/showallcard.aspx" id="WLLink4"
                                                   class="moredetail">...more detail </a>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <a href="http://www.mysite.co.uk/personalised_cards/showCard.aspx" id="WLLink5">
                                               <img src="http://www.mysite.co.uk/images/mysite/personalised_cards.gif" id="WLActivityImage1"
                                                   alt="Product Name" title="Product Name" />
                                           </a>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <a href="http://www.mysite.co.uk/personalised_cards/showCard.aspx" id="WLLink6" title="Product Name">
                                                   Product Name </a>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>£3.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <a href="http://www.mysite.co.uk/personalised_cards/showCard.aspx" id="WLLink7" class="moredetail">
                                                   ...more detail </a>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <a href="http://www.mysite.co.uk/fw.aspx" id="WLLink8">
                                               <img src="http://www.mysite.co.uk/images/mysite/weekend_gifts.gif" id="WLActivityImage2"
                                                   alt="Product Name" title="Product Name" />
                                           </a>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <a href="http://www.mysite.co.uk/fw.aspx" id="WLLink9" title="Product Name">Product
                                                   Name </a>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>From £89.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <a href="http://www.mysite.co.uk/fw.aspx" id="WLLink10" class="moredetail">...more detail
                                               </a>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <a href="http://www.mysite.co.uk/selectionboxes.aspx" id="WLLink11">
                                               <img src="http://www.mysite.co.uk/images/mysite/selectionboxes.gif" id="WLActivityImage3"
                                                   alt="Product Name" title="Product Name" />
                                           </a>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <a href="http://www.mysite.co.uk/selectionboxes.aspx" id="WLLink12" title="Product Name">
                                                   Product Name </a>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>From £29.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <a href="http://www.mysite.co.uk/selectionboxes.aspx" id="WLLink13" class="moredetail">
                                                   ...more detail </a>
                                           </p>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div id="footerBase">
                       <p>
                           <a href="http://www.mysite.co.uk/home.aspx" id="homeNavLink" title="Home">Home</a>
                           | <a href="http://www.mysite.co.uk/about_us.aspx" title="About Us">About Us</a>
                           | <a href="http://www.mysite.co.uk/company/privacy_policy.aspx" title="Privacy Policy">
                               Privacy Policy</a> | <a href="http://www.mysite.co.uk/company/terms_conditions.aspx"
                                   title="Terms and Conditions">Terms and Conditions</a> | <a href="http://www.mysite.co.uk/contact/contact_us.aspx"
                                       title="Contact Us">Contact Us</a> | <a href="http://www.mysite.co.uk/site_map/index.aspx"
                                           title="Site Map">Site Map</a> |
                       </p>
                       <p style="position: absolute; top: 2px; right: 0; margin: 0; padding: 0;">
                           <img src="http://www.mysite.co.uk/images/mysite/valid-xhtml10.png" id="Footer1_myTest_ctl00_actImageValidator"
                               width="88" height="31" alt="mysite.co.uk" />
                       </p>

                       <script language="JavaScript" type="text/javascript">
   <!-- 
   function clear_search(ctl,str){
   if (ctl.value == str) ctl.value = ""; }
   -->
                       </script>

                   </div>
               </div>
           </div>
       </div>
       <div>
           <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
           <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
           <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAwLwvoS+CgKQ27SXBgK8orD4CMQUojd64y6HduzXjqoDEwu506k7" />
       </div>

       <script type="text/javascript">
<!--
var theForm = document.forms['form1'];
if (!theForm) {
   theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
   if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
       theForm.__EVENTTARGET.value = eventTarget;
       theForm.__EVENTARGUMENT.value = eventArgument;
       theForm.submit();
   }
}
// -->
       </script>

       <script src="/WebResource.axd?d=lLPMrRoRtT4CYsO1UDTdig2&t=633317589753437500"
           type="text/javascript"></script>

   </form>
</body>
</html>

 

CSS


html
{
/* overflow-y: scroll; */
}

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #e9eae4; /* background: url(../images/screen/body_bg.gif) center top; */
margin: 0;
padding: 0;
}

a.viewVideo:link, a.viewVideo:visited
{
display: block;
width: 103px;
height: 21px;
text-indent: -2px;
margin: 0px 0 0 0;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/addOrder_btn.gif) no-repeat;
}

/* Affiliate video styles */
.tableAff
{
padding: 4px;
border: solid 1px #afafaf;
background: #eeeeee;
}

.tableAff img
{
border: none;
}

.tableAff p
{
display: block;
float: left;
clear: both;
width: 100%;
font-size: 11px;
margin: 0;
padding: 0;
}

a.viewVideoAff:link, a.viewVideoAff:visited
{
display: block;
width: 53px;
height: 21px;
text-indent: -2px;
margin: 0px 0 0 0;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/addOrderAff_btn.gif) no-repeat;
}

a.btnFacebook:link, a.btnFacebook:visited
{
display: block;
width: 123px;
height: 21px;
text-indent: -2px;
margin: 5px 0 0 0;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/facebook_btn.gif) no-repeat;
}

/* Header Styles */

/* Header Content (Home page) */
#headerBase
{
width: 912px;
height: 110px;
background: url(../images/header/header_bg.gif) #ffffff;
}

#flashcontent
{
float: left;
width: 675px;
height: 110px;
background: url(../images/header/noFlash.jpg) no-repeat; /* background-color: Aqua; */
}

#flashcontent img
{
display: block;
}

#rightBox
{
float: right;
width: 237px;
height: 110px;
background: url(../images/header/rightBox_bg.gif) no-repeat; /* background-color: White; */
text-align: right;
}

img.postageImg
{
display: block;
position: relative;
clear: both;
top: -83px;
left: 685px;
margin: 0 0 -100px 0;
}

#rightBoxImage
{
float: right;
width: 237px;
height: 110px;
background: url(../images/header/rightBoxImage_bg.gif) no-repeat; /* background-color: White; */
text-align: right;
}

#rightBox a.basketLink:link, #rightBox a.basketLink:visited
{
display: block;
background: url(../images/header/miniBasket.gif) no-repeat 135px;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 44px 5px -57px 0;
color: #414141;
position: relative;
top: 0px;
}

#rightBox a.basketLink:hover
{
text-decoration: underline;
}

#rightBox h3, #rightBoxImage h3
{
display: block;
background: url(../images/header/phone.gif) no-repeat 23px;
font-size: 22px;
font-weight: bold;
text-decoration: none;
margin: 5px 5px 0 0;
height: 19px;
line-height: 18px;
color: #585858;
}

#rightBox h2, #rightBoxImage h2
{
display: block;
background: none;
font-size: 22px;
font-weight: bold;
text-decoration: none;
margin: 5px 5px 0 0;
height: 19px;
line-height: 18px;
color: #585858;
}

#rightBox .search, #rightBoxImage .search
{
background: #eeeeee;
font-size: 11px;
font-weight: normal;
color: #414141;
height: 13px;
width: 125px;
padding: 2px;
position: relative;
top: 57px;
left: 77px;
margin: 5px 0 0 0;
border-left: solid 1px #414141;
border-top: solid 1px #414141;
border-bottom: solid 1px #414141;
float: left;
}

#headerBase #rightBox .goBtn, #headerBase #rightBoxImage .goBtn
{
float: left;
background: #414141;
font-size: 11px;
font-weight: normal;
color: #eeeeee;
height: 19px;
width: 25px;
padding: 1px;
position: relative;
top: 57px;
left: 77px;
margin: 5px 5px 0 -2px;
border: solid 1px #414141;
}

/* Pop-up Window */
#flashvidtest
{
}

#flashvidtest .base
{
margin: 6px 0 0 0;
width: 512px;
height: 35px;
background: url(../images/screen/popup_base_bg.gif) no-repeat;
clear: both;
}

#flashvidtest .base p
{
margin: 0;
padding: 10px;
float: left;
font-size: 11px;
font-weight: normal;
color: #414141;
}

#flashvidtest .base a.viewVideo:link, #flashvidtest .base a.viewVideo:visited
{
position: relative;
right: 5px;
display: block;
width: 103px;
height: 21px;
text-indent: -2px;
margin: 7px 0 0 0;
padding: 3px 0 0 0;
float: right;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/addOrder_btn.gif) no-repeat;
}

/* Header Content (Home page) */
#defaultHeaderBase
{
width: 912px;
height: 81px;
background: url(../images/header/defaultHeader_bg.gif) #ffffff;
}

#defaultHeaderBase img.logo
{
display: block;
float: left;
border: none;
}

#defaultHeaderBase #rightBox
{
float: right;
width: 300px;
height: 81px;
text-align: right;
background: none;
}

#defaultHeaderBase #rightBox h3
{
/* OLD display: block; background: url(../images/header/phone.gif) no-repeat 85px; font-size: 22px; font-weight: bold;	 text-decoration: none; margin: 5px 5px 0 0; height: 19px; line-height: 17px; color: #414141; */
display: block;
background: url(../images/header/phone.gif) no-repeat 85px;
font-size: 22px;
font-weight: bold;
text-decoration: none;
margin: 5px 5px 0 0;
height: 19px;
line-height: 18px;
color: #585858;
}

#defaultHeaderBase #rightBox .search
{
background: #eeeeee;
font-size: 11px;
font-weight: normal;
color: #414141;
height: 13px;
width: 125px;
padding: 2px;
margin: 5px 0 0 0px;
border-left: solid 1px #414141;
border-top: solid 1px #414141;
border-bottom: solid 1px #414141;
float: left;
position: relative;
top: 0px;
left: 140px;
}

#defaultHeaderBase #rightBox .goBtn
{
float: left;
background: #414141;
font-size: 11px;
font-weight: normal;
color: #eeeeee;
height: 19px;
width: 25px;
padding: 1px;
margin: 5px 5px 0 -2px;
border: solid 1px #414141;
position: relative;
left: 137px;
}

/* Footer Styles */

/* Footer Content */
#footerBase
{
clear: both;
width: 912px;
height: 75px;
background-color: #EEEEEE;
}

/* All Text links */
#footerBase a:link, #footerBase a:visited
{
font-size: 10px;
text-decoration: none;
margin: 10px 5px 0px 5px;
line-height: 20px;
color: #606060;
}

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

/* NOT USED Dotted lines spacing between columns NOT USED */
#footerBase img
{
float: left;
margin: 18px 0px;
}

/* Column 1 */
#column1
{
float: left;
display: block;
margin: 0px;
width: 169px;
height: 75px;
text-align: center;
background-image: url(../images/footer/thawte_cards.jpg);
background-position: center;
background-repeat: no-repeat;
}

/* Column 2 */
#column2
{
float: left;
width: 173px;
padding: 18px 0px;
background: url(../images/footer/footerdots.gif) left 18px no-repeat;
}

/* Column 3 */
#column3
{
float: left;
width: 173px;
padding: 18px 0px;
background: url(../images/footer/footerdots.gif) left 18px no-repeat;
}

/* Column 4 */
#column4
{
float: left;
width: 173px;
padding: 18px 0px;
background: url(../images/footer/footerdots.gif) left 18px no-repeat;
}

/* Column 5 */
#column5
{
float: left;
width: 173px;
padding: 18px 0px;
background: url(../images/footer/footerdots.gif) left 18px no-repeat;
}

/* Breadcrumb */
#breadcrumbBase
{
width: 703px;
height: 35px;
padding: 8px 20px;
background: url(../images/breadcrumb/breadcrumb_bg.gif) no-repeat;
}

#breadcrumbBase .left
{
width: 588px;
height: 28px;
padding-top: 7px;
float: left;
}

#breadcrumbBase .right
{
width: 115px;
height: 35px;
float: right;
text-align: right;
}

#breadcrumbBase a, #breadcrumbBase p
{
display: block;
float: left;
font-size: 10px;
font-weight: bold;
color: #414141;
margin: 4px 0 0 0;
}

#breadcrumbBase a:link, #breadcrumbBase a:visited
{
display: block;
float: left;
height: 15px;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #414141;
margin: 4px 5px 0px 0;
padding-right: 20px;
background: url(../images/breadcrumb/breadcrumb_arrow.gif) 100% no-repeat;
}

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

#breadcrumbBase a.basketLink:link, #breadcrumbBase a.basketLink:visited
{
display: block;
float: none;
background: url(../images/header/miniBasket.gif) no-repeat 15px 0px;
margin: 5px 0 0 0;
padding: 0px;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #414141;
}

#breadcrumbBase a.basketLink:hover
{
text-decoration: underline;
}

#breadcrumbBase p.items
{
float: none;
margin: 0;
font-size: 9px;
text-decoration: none;
color: #9a9a9a;
}

/* Menu Styles */

/* Menu Content */
#menuBase
{
float: left;
display: block;
width: 169px; /* background-color: #d72b57; */
}

.menuBanner
{
margin: 3px 0px 0px 4px;
}

.menuBanner img
{
display: block;
border: none;
}

/* Main menu position */
ul.menu1
{
margin: 0px;
padding: 0 0 2px 0;
list-style-type: none;
}

/* Main menu links */
ul.menu1 a:link, ul.menu1 a:visited
{
margin: 3px 0px 0px 4px;
display: block;
width: 161px;
height: 26px;
background-image: url(../images/menu/menu_btn_link.gif); /* background-color: #e97272;  border-bottom: solid 1px #e97272; */
color: #EBEBEB;
text-decoration: none;
font-weight: normal;
font-size: 13px;
text-indent: 5px;
line-height: 22px;
}

ul.menu1 a:hover
{
background-image: url(../images/menu/menu_btn_hover.gif);
}

/* Sub-menu position and styles */
ul.menu2
{
width: 161px;
margin: 0px 3px 0 3px;
background: url(../images/menu/subCat_background.gif) bottom no-repeat #6d1b44;
padding: 0 0 2px 0;
list-style-type: none;
}

.subCat
{
}

ul.menu2 li
{
margin: 1px 0px;
}

/* Table for sub-menu */
ul.menu1 table
{
border-collapse: collapse;
margin: -1px 0px 0px 0px;
}

/* Sub-menu links */
ul.menu2 li a:link, ul.menu2 li a:visited
{
display: block;
width: 158px;
height: 20px;
margin: 0px 0px 0px 0px;
color: #ebebeb;
text-decoration: none;
font-weight: normal;
font-size: 10px;
text-indent: 5px;
line-height: 20px;
text-align: left;
background: url(../images/menu/line.gif) no-repeat Transparent;
}

ul.menu2 li a:hover
{
background: url(../images/menu/subCat_hover.gif) no-repeat bottom; /* background-color: #a05b7d; */
}

ul.menu2 li a
{
display: block;
width: 158px;
height: 20px;
margin: 0px 0px 0px 0px;
color: #ebebeb;
text-decoration: none;
font-weight: normal;
font-size: 10px;
text-indent: 5px;
line-height: 20px;
text-align: left;
background: url(../images/menu/subCat_hover.gif) no-repeat bottom;
}

/* Thumbnail Menu Styles */

#thumbnailBase
{
float: left;
width: 733px;
margin: 0;
padding: 5px 0 5px 10px;
background: url(../images/thumbnailmenu/thumb_bg.gif) top no-repeat;
}

#thumbnailBase h1
{
margin: 0 0 0 0;
width: 725px;
height: 22px;
font-size: 16px;
color: #414141; /* background: #ffffff; */
}

.thumb
{
display: block;
float: left;
width: 116px;
margin: 2px;
padding-bottom: 1px;
}

.thumb img
{
border: none;
display: block;
}

.textPanel a:link, .textPanel a:visited
{
display: block;
position: absolute;
width: 111px;
height: 14px;
background-image: url(../images/thumbnailmenu/text_panel.gif);
background-repeat: no-repeat;
z-index: 2;
margin: 58px auto auto 3px;
color: #EBEBEB;
text-decoration: none;
font-weight: bold;
font-size: 9px;
text-indent: 5px;
}

.textPanel a:hover
{
background-image: url(../images/thumbnailmenu/text_panel_high.gif);
}

/* Nav Bar Styles */

/* Nav Bar Content */
#navBarBase
{
width: 912px;
height: 20px;
background: url(../images/navbar/navbar_background.jpg) #414141;
text-align: center;
}

/* All unordered list */
#navBarBase ul
{
margin: 0px;
padding: 0px;
line-height: 15px;
}

/* All List items */
#navBarBase li
{
cursor: default;
list-style-type: none;
display: inline;
margin: 25px;
}

/* All Text links */
#navBarBase a:link, #navBarBase a:visited
{
color: #EBEBEB;
text-decoration: none;
font-weight: bold;
font-size: 10px;
}

#navBarBase a:hover
{
color: #BDBDBD;
}

/* Main Content Styles */

#base
{
width: 940px;
margin: 0 auto 10px auto;
}

#top
{
width: 940px;
height: 20px;
background: url(../images/screen/top_bg.gif) top left no-repeat;
}

#middle
{
width: 940px;
background: url(../images/screen/middle_bg.gif) repeat-y #e9eae4; /* background: url(../images/screen/mainContainer_bg.gif) left top repeat-y #ffffff; */
}

#bottom
{
width: 940px;
height: 20px;
background: url(../images/screen/bottom_bg.gif) top left no-repeat;
}

#mainContainer
{
width: 912px;
background: url(../images/screen/mainContainer_bg.gif) left top repeat-y #ffffff; /* background: url(../images/screen/mainContainer_bgBig.gif) left bottom no-repeat #f3315f; */
border: #b3b3b3 solid 1px;
margin: 0 auto;
}

#cartContainer
{
width: 912px;
background: #ffffff;
border: #b3b3b3 solid 1px;
margin: 0 auto;
}

#content
{
width: 743px;
float: left;
background-color: #ffffff; /* background: url(../images/screen/body_bg.gif); */
}

#content hr
{
clear: both;
height: 0;
border: 0;
margin: 0px 10px;
border-top: 1px solid #c4c4c4;
}

.contentBox
{
width: 717px;
clear: both;
margin: 0px auto;
padding-top: 12px;
background: url(../images/screen/contentBox_bg.gif) top no-repeat;
}

.contentBox img
{
display: block;
clear: both;
}

.contentBox .ddlDeliveryList
{
font-weight: normal;
font-size: 11px;
margin: 0 3px;
position: relative;
top: -60px;
left: 110px;
}

.contentBox .tbDeliveyField
{
display: block;
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 160px;
position: relative;
top: -60px;
left: 110px;
clear: both;
}

.contentBox p.field
{
display: block;
width: 100px;
text-align: right;
font-weight: bold;
clear: both;
margin: 6px 2px 6px 10px;
}

p.content, .contentBox p
{
display: block;
color: #737373;
margin: 12px;
font-size: 12px;
}

h5.content
{
display: block;
color: #832a56;
font-weight: normal;
margin: 12px;
font-size: 16px;
}

h5.sitemap
{
display: block;
color: #832a56;
font-weight: normal;
margin: 12px;
font-size: 16px;
}

h5.sitemap a:link, h5.sitemap a:visited
{
color: #832a56;
text-decoration: none;
}

h5.sitemap a:hover
{
text-decoration: underline;
}

ul.content
{
color: #737373;
font-size: 12px;
}

ul.sitemap
{
color: #737373;
font-size: 12px;
}

ul.sitemap li
{
list-style-type: none;
}

ul.content a:link, ul.content a:visited, ul.sitemap a:link, ul.sitemap a:visited
{
color: #737373;
font-size: 12px;
text-decoration: none;
}

ul.content a:hover, ul.sitemap a:hover
{
text-decoration: underline;
}

p.content a:link, p.content a:visited
{
color: #832a56;
text-decoration: underline;
}

p.content a:hover
{
text-decoration: none;
}


img.contentImageFloatLeft
{
margin: 6px 20px 4px 0px;
display: block;
border: none;
position: relative;
left: 10px;
float: left;
}

img.contentImageFloatRight
{
margin: 6px 0px 4px 20px;
display: block;
border: none;
position: relative;
right: 10px;
float: right;
}

img.contentImageMiddle
{
display: block;
margin: auto;
border: none;
clear: both;
}

img.contentImageLeft, span.contentImageLeft img
{
display: block;
margin: 10px;
border: none;
clear: both;
}

.standard
{
margin: 0px 20px 10px 0px;
float: left;
width: 356px;
position: relative;
left: 10px;
}

.standard p, .boxed p
{
display: block;
color: #737373;
margin: 12px;
font-size: 12px;
}

.standard img, .boxed img
{
margin: 0 10px;
display: block;
clear: both;
}

.standard img.standardPack
{
margin: 0 10px;
display: block;
clear: both;
position: relative;
top: 13px;
}

.boxed
{
margin: 0px 0px 10px 0px;
float: right;
width: 356px;
position: relative;
right: 10px;
}

#content a.returnHome:link, #content a.returnHome:visited
{
color: #842a56;
clear: both;
font-size: 11px;
font-weight: bold;
margin: 10px 0;
display: block;
clear: both;
text-decoration: underline;
position: relative;
left: 10px;
}

#content a.returnHome:hover
{
text-decoration: none;
}

#cartContent, #stepOne, #stepTwo, #stepThree
{
width: 892px;
position: relative;
left: 10px;
margin: 10px 0;
float: left;
}

/* Xmas 08 */

#xmas08
{
width: 723px;
height: 270px;
background: url(../images/screen/xmas08/xmas08_bg.gif) no-repeat;
margin: 10px auto;
clear: both;
}

#xmas08 div
{
float: left;
position: relative;
top: 66px;
left: 174px;
}

#xmas08 div img
{
display: block;
border: none;
margin: 0;
}

#xmas08 a:link, #xmas08 a:visited
{
color: #fef6f1;
font-size: 11px;
font-weight: normal;
text-decoration: none;
margin: 0;
}

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

a.stockingF
{
position: relative;
top: -2px;
line-height: 11px;
}

.choice
{
width: 139px;
height: 101px;
text-align: center;
margin: 0 1px 3px 0;
}

.xmasSale
{
width: 139px;
height: 101px;
text-align: center;
margin: 0 1px 3px 0;
}

.giftCards
{
width: 129px;
height: 101px;
text-align: center;
margin: 0 0 3px 0;
padding-right: 250px;
}

.bestsellers
{
width: 139px;
height: 90px;
text-align: center;
margin: 0 1px 0 0;
}

.nails
{
width: 139px;
height: 90px;
text-align: center;
margin: 0 1px 0 0;
}

.weekend
{
width: 139px;
height: 90px;
text-align: center;
margin: 0 0 0 0;
}

/* January Sale 09 */

#janSale
{
width: 723px;
height: 250px;
background: url(../images/screen/janSale09/janSale_bg.gif) no-repeat;
margin: 10px auto;
clear: both;
}

#janSale p
{
font-size: 14px;
font-weight: bold;
color: #535353;
margin: 0 0 10px 0;
position: relative;
top: 165px;
padding: 0 10px;
}

#janSale p b
{
font-size: 35px;
color: Red;
}

#janSale a.clickDetails:link, #janSale a.clickDetails:visited
{
position: relative;
top: 165px;
display: block;
width: 150px;
height: 21px;
text-indent: -2px;
margin: 0 10px;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/clickDetails_btn.gif) no-repeat;
}

/* Valentines Promotions 09 */
#valentinesPromotions
{
width: 723px;
height: 228px;
background: url(../images/screen/valentines/valentinesPromotions_bg.gif) no-repeat;
margin: 10px auto;
clear: both;
}

#valentinesPromotions p
{
font-size: 12px;
font-weight: bold;
color: #f8f8f8;
margin: 0 0 10px 0;
position: relative;
top: 145px;
padding: 0 140px 0 10px;
}

#valentinesPromotions a.clickDetails:link, #valentinesPromotions a.clickDetails:visited
{
position: relative;
top: 145px;
display: block;
width: 150px;
height: 21px;
text-indent: -2px;
margin: 0 10px;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/clickDetailsValentines_btn.gif) no-repeat;
}

/* Mothers Day Promotions 09 */
#mothersDayPromotions
{
width: 723px;
height: 228px;
background: url(../images/screen/mothersday/mothersDayPromotions_bg.jpg) no-repeat;
margin: 10px auto;
clear: both;
}

#mothersDayPromotions p
{
font-size: 12px;
font-weight: normal;
color: #666666;
margin: 0 0 0 390px;
padding: 165px 0 5px 0;
}

#mothersDayPromotions a.clickDetails:link, #mothersDayPromotions a.clickDetails:visited
{
display: block;
width: 150px;
height: 21px;
text-indent: -2px;
margin: 0 10px 0 390px;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/clickDetails_btn.gif) no-repeat;
}

/* Special Delivery */

#featureSpecialDelivery
{
width: 723px;
height: 185px; /* background-color: Red; */
margin: 10px auto;
}

#featureSpecialDelivery img
{
display: block;
}

#feature
{
width: 723px;
height: 185px;
background: url(../images/screen/homeFeatureBox_bg.gif); /* background-color: Red; */
margin: 10px auto;
}

#feature h1
{
margin: 0 0 0 0;
padding-top: 5px;
text-align: center;
width: 725px;
height: 22px;
font-size: 18px;
color: #832a56;
}

#feature img.logo1
{
display: block;
position: relative;
left: 50px;
top: 10px;
float: left;
}

#feature img.logo2
{
display: block;
position: relative;
left: 110px;
float: left;
top: 10px;
}

#feature img.logo3
{
display: block;
position: relative;
left: 180px;
top: 10px;
}

#feature img.logo4
{
display: block;
position: relative;
left: 65px;
top: 10px;
float: left;
}

#feature img.logo5
{
display: block;
position: relative;
left: 140px;
float: left;
top: 10px;
}

#feature img.logo6
{
display: block;
position: relative;
left: 210px;
top: 10px;
}

#homepageMiddle
{
width: 718px;
padding-left: 25px;
}

#homepageMiddle h1
{
float: left;
clear: both;
width: 470px;
position: relative;
margin: 0 -15px 0 0px;
left: -15px;
padding-top: 5px;
height: 22px;
font-size: 16px;
color: #414141;
}

/* Right Home page block */
#rightInfo
{
display: block;
position: relative;
float: right;
width: 255px;
height: 370px;
padding-left: 1px;
z-index: 1;
background: url(../images/screen/rightInfo_bg.gif) no-repeat;
}

/* Search box block */
#searchBox
{
display: block;
float: left;
width: 220px;
height: 220px;
background: url(../images/screen/searchbox_background.gif) no-repeat;
margin: 27px 0px 2px 0px;
position: relative;
left: 10px;
}

#searchBox .ddlCategories
{
width: 180px;
height: 19px;
padding: 2px 0;
clear: both;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;
background: #e6e6e6;
color: #414141;
float: left;
position: relative;
top: 73px;
left: 25px;
margin: 0 0 5px 0;
}

#searchBox .ddlLocation
{
width: 180px;
height: 19px;
padding: 2px 0;
clear: both;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;
background: #e6e6e6;
color: #414141;
float: left;
position: relative;
top: 73px;
left: 25px;
margin: 0 0 5px 0;
}

#searchBox .ddlPrices
{
width: 100px;
height: 19px;
padding: 2px 0;
clear: both;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;
background: #e6e6e6;
color: #414141;
float: left;
position: relative;
top: 73px;
left: 25px;
margin: 0 0 5px 0;
}

#searchBox .ddlRatings
{
width: 100px;
height: 19px;
padding: 2px 0;
clear: both;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;
background: #e6e6e6;
color: #414141;
float: left;
position: relative;
top: 73px;
left: 25px;
margin: 0 0 5px 0;
}

#searchBox .searchBtn
{
width: 100px;
height: 30px;
clear: both;
color: #eeeeee;
font-weight: bold;
font-size: 12px;
border: solid 1px #711c46;
background: #af5a84;
float: left;
position: relative;
top: 73px;
left: 25px;
}

/* Sign-up box block */
#signupBox
{
display: block;
float: left;
width: 220px;
height: 105px;
background: url(../images/screen/signup_background.gif) no-repeat;
position: relative;
top: 18px;
left: 10px;
}

#signupBox .search
{
background: #eeeeee;
font-size: 11px;
font-weight: normal;
color: #414141;
height: 15px;
width: 124px;
padding: 2px;
margin: 50px 0 0 25px;
border-left: solid 1px #414141;
border-top: solid 1px #414141;
border-bottom: solid 1px #414141;
float: left;
}

#signupBox .goBtn
{
float: left;
background: #414141;
font-size: 11px;
font-weight: normal;
color: #eeeeee;
height: 21px;
width: 50px;
padding: 1px;
margin: 50px 5px 0 -2px;
border: solid 1px #414141;
}

/* Featured Home page box block */
.homeProduct
{
display: block;
width: 230px;
height: 205px;
float: left;
margin: 0px;
background: url(../images/screen/homeProduct_background.gif) no-repeat;
}

/* Featured Home page image */
.homeProduct img
{
margin: 13px 15px;
border: none;
}

/* Featured Home page image price tag */
a.cornerPrice
{
display: block;
position: absolute;
color: #E2E2E2;
cursor: hand;
text-decoration: none;
font-size: 11px;
margin: 13px 15px;
padding: 4px 0px 0px 4px;
width: 89px;
height: 89px;
background-image: url(../images/screen/cornerPrice_small.gif);
background-repeat: no-repeat;
}

/* Featured Home page product title and info box */
.titleAndInfo
{
display: block;
float: left;
position: absolute;
width: 200px;
margin: 138px 0px 0px 16px;
}

/* Featured Home page product title */
a.prodTitle:link, a.prodTitle:visited
{
display: block;
float: left;
width: 200px;
line-height: 17px;
color: #868686;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

/* See all ... experiences from ... */
a.prodTitle:hover
{
text-decoration: underline;
}

a.seeAll:link, a.seeAll:visited
{
display: block;
margin-top: 5px;
color: #868686;
font-size: 10px;
text-decoration: none;
}

a.seeAll:hover
{
text-decoration: underline;
}

/* Featured Home page product description */
.prodDescription
{
display: block;
float: left;
width: 200px;
color: #ABA9A9;
font-size: 11px;
margin: 0;
}

/* Category styles */

.catInfo
{
width: 727px;
background: url(../images/screen/catInfo_bg.gif) no-repeat;
margin: 0 auto;
border-bottom: solid 1px #c4c4c4;
padding-top: 10px;
padding-bottom: 10px;
}

.catInfo h1
{
color: #5a5a5a;
font-size: 16px;
font-weight: bold;
margin: 0 10px 10px 10px;
}

.catInfo p
{
color: #858484;
font-size: 12px;
font-weight: normal;
margin: 10px 10px 0 10px;
}

.mightLike
{
width: 727px;
height: 210px;
background: url(../images/screen/mightLike_bg.gif) bottom no-repeat;
margin: 0 auto;
padding-bottom: 25px;
float: none;
}

.mightLike h1
{
margin: 0 0 0 0;
padding-top: 5px;
text-indent: 10px;
width: 725px;
height: 22px;
font-size: 16px;
color: #858484;
background: #ffffff;
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;
border-bottom: solid 1px #c4c4c4;
}

.mightLikeAct
{
width: 236px;
height: 195px;
float: left;
padding-left: 6px;
margin: 0;
position: relative;
z-index: 1;
}

.subCat_container
{
width: 727px;
padding-top: 5px;
padding-bottom: 5px;
margin: 5px auto;
}

.subCat_container h1
{
display: block;
clear: both;
margin: 0 0 5px 0;
text-indent: 5px;
height: 22px;
font-size: 16px;
color: #5a5a5a;
}

.subCat
{
width: 235px;
height: 180px;
background: url(../images/screen/subCat_bg.gif) no-repeat;
margin: 0px 5px 10px 0;
float: left;
position: relative;
left: 4px;
}

.subCat img
{
display: block;
position: absolute;
border: none;
top: 56px;
margin: 0 0 0 16px;
}

.subCat h2
{
margin: 0 0 -5px 0;
}

.subCat h2 a:link, .subCat h2 a:visited
{
font-size: 12px;
font-weight: bold;
margin: 0 0 0 10px;
line-height: 28px;
color: #595959;
text-decoration: none;
}

.subCat h2 a:hover
{
text-decoration: none;
}

.subCat p
{
margin: 0 10px;
font-size: 10px;
color: #7d7c7c;
}

.subCat a.seeAll:link, .subCat a.seeAll:visited
{
position: absolute;
margin: 110px 5px 0 5px;
width: 225px;
font-size: 10px;
color: #7d7c7c;
text-decoration: underline;
}

.subCat a.seeAll:hover
{
text-decoration: none;
}

/* Sub-Category styles *//* Search Results */
.subcatInfo, .searchResults
{
width: 727px;
height: 97px;
background: url(../images/screen/catInfo_bg.gif) no-repeat;
margin: 0 auto;
border-bottom: solid 1px #c4c4c4;
padding-top: 10px;
padding-bottom: 10px;
}

.subcatInfo h1, .searchResults h1
{
color: #5a5a5a;
font-size: 16px;
font-weight: bold;
margin: 0 10px 10px 10px;
}

.subcatInfo p, .searchResults p
{
color: #858484;
font-size: 12px;
font-weight: normal;
margin: 10px 165px 0 10px;
}

.searchResults .ddlCategories
{
width: 270px;
height: 19px;
padding: 2px 0;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;
color: #414141;
float: left;
position: relative;
top: 5px;
left: 10px;
margin: 0 0 5px 0;
}

.searchResults .ddlLocation
{
width: 270px;
height: 19px;
padding: 2px 0;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;
color: #414141;
position: relative;
top: 5px;
left: 20px;
margin: 0 0 5px 0;
}

.searchResults .ddlPrices
{
width: 100px;
height: 19px;
padding: 2px 0;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;
color: #414141;
float: left;
position: relative;
top: 5px;
left: 10px;
margin: 0 0 5px 0;
}

.searchResults .ddlRatings
{
width: 100px;
height: 19px;
padding: 2px 0;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;
color: #414141;
float: left;
position: relative;
top: 5px;
left: 20px;
margin: 0 0 5px 0;
}

.searchResults .searchBtn
{
width: 100px;
height: 12px;
color: #eeeeee;
text-align: center;
padding: 3px 0;
font-weight: bold;
font-size: 10px;
text-decoration: none;
border: solid 1px #711c46;
background: #af5a84;
float: left;
position: relative;
top: 5px;
left: 30px;
}

.searchResults .searchBtn:hover
{
text-decoration: underline;
}

.keyBox
{
width: 727px;
height: 75px;
background: url(../images/screen/keyBox_bg.gif) bottom no-repeat;
margin: 0 auto;
padding-bottom: 1px;
float: none;
}

.keyBox h1.keyinfo
{
margin: 0 0 0 0;
padding-top: 5px;
text-indent: 10px;
width: 468px;
height: 22px;
font-size: 16px;
color: #858484;
float: left;
}

.keyBox p.icon img
{
float: left;
display: block;
position: relative;
margin: 0 3px 0 0;
left: 0px;
}

.keyBox p.icon
{
position: relative;
left: 10px;
margin: 0 5px 0 0;
width: 145px;
height: 39px;
float: left;
font-size: 11px;
color: #858484;
}

.keyBox h1.thrillometer
{
margin: 0 0 0 0;
padding-top: 5px;
text-indent: 10px;
width: 258px;
height: 22px;
font-size: 16px;
color: #858484;
float: left;
}

.keyBox .thrillChart
{
position: relative;
margin: 0px;
float: left;
width: 200px;
background-color: Blue;
}

.keyBox p.thrill img
{
float: left;
display: block;
position: relative;
margin: 2px 4px 2px 0;
left: 0px;
}

.keyBox p.thrill
{
position: relative;
float: left;
left: 30px;
margin: -3px 0 0 0;
width: 190px;
font-size: 10px;
color: #858484;
}

.sortBox
{
width: 159px;
height: 225px;
background: url(../images/screen/sortBox_bg.gif) no-repeat;
position: relative;
top: -117px;
margin-bottom: -225px;
padding: 0;
clear: both;
left: 576px;
float: left;
}

.sortBox h1
{
margin: 15px 20px 7px 20px;
font-size: 16px;
color: #ebebeb;
}

.sortBox a.selected:link, .sortBox a.selected:visited
{
color: #ebebeb;
}

.sortBox a:link, .sortBox a:visited
{
display: block;
width: 100px;
height: 15px;
color: #a4b7d1;
font-size: 11px;
text-align: right;
text-decoration: none;
}

.sortBox a:hover
{
text-decoration: underline;
}

.sortBox img
{
position: absolute;
display: block;
top: 42px;
left: 99px;
}

.prodView
{
width: 719px;
height: 155px;
margin: 5px auto;
background: url(../images/screen/prodView_bg.gif) no-repeat;
}

.prodView img.prodImg
{
float: left;
position: relative;
top: 16px;
left: 16px;
border: none;
}

.prodView .prodInfo
{
float: left;
position: relative;
left: 16px;
width: 368px;
height: 155px;
padding: 0 10px;
}

.prodView .prodInfo h3, .prodView .prodInfo h3 a:link, .prodView .prodInfo h3 a:visited
{
color: #626262;
font-size: 13px;
margin: 13px 0 0 0;
text-decoration: none;
}

.prodView .prodInfo h3 a:hover
{
text-decoration: underline;
}

.prodView .prodInfo p.price
{
color: #626262;
font-size: 13px;
margin: 0;
font-weight: bold;
}

.prodView .prodInfo p.code
{
color: #626262;
font-size: 11px;
margin: 0;
font-weight: normal;
text-transform: uppercase;
}

.prodView .prodInfo p.description
{
color: #989898;
font-size: 11px;
margin: 0;
font-weight: normal;
}

.prodView .prodInfo .reviwsBox
{
height: 19px;
}

.prodView .prodInfo .reviwsBox img
{
display: block;
float: left;
}

.prodView .prodInfo .reviwsBox p
{
color: #989898;
line-height: 18px;
font-size: 11px;
margin: 0;
font-weight: normal;
}

.prodView .prodInfo .reviwsBox a:link, .prodView .prodInfo .reviwsBox a:visited
{
color: #989898;
font-size: 11px;
margin: 0;
font-weight: normal;
text-decoration: underline;
}

.prodView .prodInfo .reviwsBox a:hover
{
text-decoration: none;
}

.prodView .prodInfo a.addOrder:link, .prodView .prodInfo a.addOrder:visited
{
position: absolute;
top: 118px;
display: block;
width: 103px;
height: 21px;
text-indent: -2px;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/addOrder_btn.gif) no-repeat;
}

.prodView .prodInfo a.viewVideo:link, .prodView .prodInfo a.viewVideo:visited
{
position: absolute;
top: 118px;
display: block;
width: 103px;
height: 21px;
text-indent: -2px;
margin: 0px 0 0 0;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/viewVideo_btn.gif) no-repeat;
}

.prodView .prodInfo a.addOrder:hover
{
}

.prodView .keyInfo
{
float: left;
position: relative;
left: 16px;
width: 105px;
height: 115px;
padding: 20px 6px;
}

.prodView .keyInfo p
{
color: #9b9b9b;
font-size: 11px;
margin: 0 0 5px 0;
clear: both;
}

.prodView .keyInfo .keyIcons
{
width: 103px;
height: 55px;
}

.prodView .keyInfo .keyIcons img
{
float: left;
display: block;
position: relative;
margin: 4px 0;
left: 10px;
}

.prodView .keyInfo .thrillometer
{
width: 103px;
height: 26px;
}

.prodView .keyInfo .thrillometer img
{
margin: 0 auto;
display: block;
}

/* Product Descirption */
#productName, .productName
{
width: 727px;
height: 27px;
margin: 0 auto 8px auto;
padding: 8px 0 0 0;
background: url(../images/screen/productName_bg.gif) no-repeat;
}

#productName h1, .productName h1
{
font-size: 16px;
font-weight: bold;
color: #5a5a5a;
margin: 0 10px;
}

#productTop
{
float: none;
width: 727px;
margin: 8px auto;
clear: both;
position: relative;
padding-top: 10px;
background: url(../images/screen/productTop_bg.gif) top no-repeat;
}

#productTop .personalise-ImgBox
{
float: left;
width: 390px;
top: 0px;
margin: 0;
}

#productTop .personalise-ImgBox img
{
width: 370px;
height: 190px;
display: block;
margin: 3px 0 5px 10px;
}

#productTop .rightBox
{
float: left;
width: 325px;
left: 200px;
margin: 0;
}

#productTop .rightBox p.code
{
font-size: 12px;
font-weight: bold;
color: #626262;
margin: 0 0 5px 0;
}

#productTop .rightBox p.intro
{
font-size: 12px;
font-weight: normal;
color: #989898;
margin: 0 0 10px 0;
}

#productTop .rightBox a.link:link, #productTop .rightBox a.link:visited
{
font-size: 11px;
font-weight: bold;
color: #989898;
margin: 0;
clear: both;
display: block;
text-decoration: none;
}

#productTop .rightBox a.link:hover
{
text-decoration: underline;
}

#productTop .rightBox .reviews
{
width: 325px;
margin: 5px 0 0 0;
}

#productTop .rightBox .reviews img
{
display: block;
float: left;
}

#productTop .rightBox .reviews p
{
font-size: 11px;
font-weight: normal;
color: #989898;
margin: 0;
line-height: 20px;
}

#productTop .rightBox .reviews p.write
{
font-size: 11px;
font-weight: normal;
color: #989898;
margin: 0;
float: left;
clear: both;
}

.reviews a.write:link, .reviews a.write:visited
{
font-size: 11px;
font-weight: normal;
color: #989898;
margin: 0;
text-decoration: none;
}

.reviews a.write:hover
{
text-decoration: underline;
}

#productTop .rightBox p.price
{
font-size: 16px;
font-weight: bold;
color: #842a56;
margin: 5px 0;
clear: both;
}

#productTop .rightBox a.addOrder:link, #productTop .rightBox a.addOrder:visited
{
display: block;
width: 103px;
height: 21px;
text-indent: -2px;
margin: 0;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/addOrder_btn.gif) no-repeat;
}

#productTop .rightBox a.viewVideo:link, #productTop .rightBox a.viewVideo:visited
{
display: block;
width: 103px;
height: 21px;
text-indent: -2px;
margin: 5px 0 0 0;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/viewVideo_btn.gif) no-repeat;
}

#productTop img.bottom
{
clear: both;
display: block;
margin: -5px 0 0 0;
position: relative;
top: 5px;
}

#productDescription
{
width: 727px;
margin: 8px auto 0 auto;
padding-bottom: 10px;
}

#productDescription p
{
color: #737373;
font-size: 12px;
font-weight: normal;
margin: 0 10px 10px 10px;
}

#productDescription a.backToTop:link, #productDescription a.backToTop:visited, #productInfo a.backToTop:link, #productInfo a.backToTop:visited
{
color: #842a56;
font-size: 11px;
font-weight: bold;
margin: 0;
clear: both;
text-decoration: underline;
position: relative;
top: 0px;
left: 650px;
}

#productDescription a.backToTop:hover, #productInfo a.backToTop:hover
{
text-decoration: none;
}

#productDescription a.addOrder:link, #productDescription a.addOrder:visited, #productInfo a.addOrder:link, #productInfo a.addOrder:visited
{
position: relative;
left: 626px;
display: block;
width: 103px;
height: 21px;
text-indent: -2px;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/addOrder_btn.gif) no-repeat;
}

#productDescription a.addOrder:hover
{
}

a.backToTop:hover
{
text-decoration: none;
}

#productMightLike
{
float: left;
position: relative;
left: 8px;
bottom: 3px;
width: 727px;
margin: 0 auto 8px auto;
background: url(../images/screen/productMightLike_bg.gif) no-repeat;
}

.productMightLikeBottom
{
float: left;
clear: both;
width: 727px;
height: 25px;
position: relative;
z-index: 0;
top: 3px;
margin: -10px 0 0 0;
background: url(../images/screen/productMightLike_bottom_bg.gif) top no-repeat;
}

#productMightLike h1
{
margin: 0 0 0 1px;
padding-top: 5px;
text-indent: 10px;
width: 725px;
height: 22px;
font-size: 13px;
color: #858484;
}

#productInfo
{
width: 727px;
margin: 0 auto 8px auto;
}

#productInfo h4
{
width: 727px;
height: 26px;
margin: 0 0 5px 0;
font-size: 12px;
text-indent: 45px;
padding-top: 19px;
color: #373737;
}

#productInfo h4.when
{
background: url(../images/screen/h4_when_bg.gif) no-repeat;
}

#productInfo h4.howlong
{
background: url(../images/screen/h4_howlong_bg.gif) no-repeat;
}

#productInfo h4.info
{
background: url(../images/screen/h4_info_bg.gif) no-repeat;
}

#productInfo h4.howmany
{
background: url(../images/screen/h4_howmany_bg.gif) no-repeat;
}

#productInfo h4.family
{
background: url(../images/screen/h4_family_bg.gif) no-repeat;
}

#productInfo h4.weather
{
background: url(../images/screen/h4_weather_bg.gif) no-repeat;
}

#productInfo h4.where
{
background: url(../images/screen/h4_where_bg.gif) no-repeat;
}

#productInfo p
{
font-size: 12px;
color: #737373;
margin: 0 0 5px 45px;
}

.productReviews
{
width: 727px;
margin: 0 auto 10px auto;
position: relative;
bottom: 5px;
background: url(../images/screen/productReviews_bg.gif) top no-repeat;
}

.productReviews .top
{
width: 699px;
margin: 0 auto;
padding: 5px 0;
text-align: center;
}

.productReviews .top h4
{
font-size: 14px;
font-weight: bold;
margin: 0;
color: #626262;
}

.productReviews .top img
{
display: block;
margin: 0 auto;
}

.productReviews .top p
{
font-size: 11px;
font-weight: normal;
margin: 0;
color: #626262;
}

.productReviews img.bottom
{
clear: both;
display: block;
margin: -5px 0 0 0;
position: relative;
top: 5px;
}

.productReviews a.write:link, .productReviews a.write:visited
{
margin: 0 auto;
text-align: center;
display: block;
width: 699px;
font-size: 11px;
font-weight: bold;
color: #842a56;
padding: 2px 0 1px 0;
border-top: solid 1px #dedede;
text-decoration: none;
}

.productReviews a.write:hover
{
text-decoration: underline;
}

.productReviews .entry
{
margin: 0 auto;
width: 699px;
border-top: solid 1px #dedede;
}

.productReviews .entry img
{
display: block;
float: left;
}

.productReviews .entry p.title
{
line-height: 17px;
text-indent: 3px;
font-size: 12px;
font-weight: bold;
color: #373737;
margin: 0;
}

.productReviews .entry .nameAndDate
{
font-size: 11px;
color: #959595;
margin: 0;
line-height: 19px;
clear: both;
}

.productReviews .entry .nameAndDate p
{
font-size: 11px;
font-weight: bold;
color: #373737;
margin: 0 5px 0 0;
float: left;
}

.productReviews .entry p.text
{
display: block;
font-size: 11px;
font-weight: normal;
color: #373737;
margin: 3px 0;
}

.writeReviewBox
{
width: 699px;
float: left;
position: relative;
left: 10px;
margin: 10px auto 0 auto;
}

.writeReviewBox h1
{
font-size: 14px;
font-weight: bold;
margin: 0 0 5px 0;
color: #626262;
}

.writeReviewBox p
{
font-size: 12px;
font-weight: normal;
margin: 0;
color: #626262;
}

.writeReviewBox p.mandatory
{
display: block;
font-size: 10px;
margin: 0 0 10px 0;
clear: both;
}

.writeReviewBox p.productTitle
{
display: block;
text-align: left;
width: 449px;
padding-left: 250px;
clear: left;
font-size: 12px;
font-weight: bold;
}

.writeReviewBox p.heading
{
display: block;
margin: 10px 0;
text-align: right;
clear: Both;
font-size: 12px;
font-weight: normal;
}

.writeReviewBox p.field
{
display: block;
text-align: left;
margin: 5px 0 0 0;
width: 406px;
font-size: 12px;
}

.writeReviewBox .left
{
float: left;
width: 245px;
padding-right: 5px;
text-align: right;
}

.writeReviewBox .right
{
float: left;
width: 449px;
}

.writeReviewBox .nameTextBox
{
width: 170px;
height: 14px;
padding-bottom: 1px;
font-size: 12px;
margin: 9px 0 0 0;
clear: both;
float: left;
}

.writeReviewBox .voucherTextBox
{
width: 170px;
height: 14px;
padding-bottom: 1px;
font-size: 12px;
margin: 3px 0 0 0;
clear: both;
float: left;
}

.writeReviewBox .starRadioBtns
{
display: block;
position: relative;
height: 19px;
top: 4px;
clear: both;
float: left;
}

.writeReviewBox .titleTextBox
{
width: 350px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 8px 0 0 0;
clear: both;
float: left;
}

.writeReviewBox .reviewTextBox
{
width: 350px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 4px 0 0 0;
clear: both;
float: left;
}

a.submitReviewBtn:link, a.submitReviewBtn:visited
{
position: relative;
top: 5px;
float: none;
clear: both;
display: block;
width: 103px;
height: 21px;
margin: 0 0 3px 256px;
text-indent: -2px;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/submitReview_btn.gif) no-repeat;
}

a.submitReviewBtn:hover
{
text-decoration: underline;
}

a.backToTop:link, a.backToTop:visited
{
color: #842a56;
width: 300px;
font-size: 11px;
font-weight: bold;
position: relative;
top: -6px;
left: 658px;
text-decoration: underline;
}

a.backToTop:hover
{
text-decoration: none;
}


/* Page Number */
.pageNo
{
position: relative;
z-index: 100;
display: block;
width: 675px;
margin: 10px;
}

.pageNo p
{
font-size: 12px;
color: #5f5f5f;
}

.pageNo a
{
color: #b7b6b6;
}

.pageNo a.selected:link, .pageNo a.selected:visited
{
color: #e9e9e9;
background: #5f5f5f;
text-decoration: none;
padding: 0 1px 1px 0;
}

.pageNo a.selected:hover
{
text-decoration: underline;
}

.pageNo a:link, .pageNo a:visited
{
color: #5f5f5f;
text-decoration: none;
}

.pageNo a:hover
{
text-decoration: underline;
}

/* Basket *//* Checkout */
h1.cartTitle
{
margin: 0;
padding: 5px 5px 5px 40px;
background: url(../images/screen/largeBasket.gif) no-repeat;
font-size: 15px;
font-weight: bold;
color: #595959;
clear: both;
}

.contents
{
margin: 0 auto;
width: 730px;
}

.contents h1
{
margin: 5px 0px;
font-size: 14px;
text-align: center;
}

.contents table
{
clear: both;
margin: 5px auto;
}

.contents table .header
{
width: 727px;
height: 35px;
text-align: left;
background: url(../images/screen/contentsHeader_bg.gif) no-repeat;
}

.contents table .header p
{
margin: 11px 0px;
float: left;
font-size: 11px;
font-weight: bold;
color: #595959;
}

.contents table .header p.items
{
position: relative;
left: 10px;
}

.contents table .header p.description
{
position: relative;
left: 78px;
}

.contents table .header p.optionsText
{
position: relative;
left: 418px;
}

.contents table .header p.price
{
position: relative;
left: 485px;
}

.contents table .basketItem
{
margin: 5px auto;
width: 720px;
text-align: left;
background: url(../images/screen/basketItem_bg.gif) no-repeat;
}

.contents table .basketItem img.product
{
position: relative;
margin-bottom: 20px;
font-size: 12px;
top: 16px;
left: 16px;
display: block;
width: 100px;
height: 60px;
float: left;
}

.contents table .descriptionBox
{
position: relative;
top: 13px;
left: 22px;
width: 405px;
float: left;
margin-bottom: 16px;
}

.descriptionBox p.title
{
margin: 0;
font-size: 13px;
font-weight: bold;
color: #626262;
}

.descriptionBox p
{
margin: 0;
font-size: 11px;
font-weight: normal;
color: #989898;
}

.contents table .optionsBox
{
position: relative;
top: 13px;
left: 32px;
width: 105px;
float: left;
margin-bottom: 16px;
}

.optionsBox a:link, .optionsBox a:visited
{
display: block;
margin: 0 0 4px 0;
width: 100px;
height: 18px;
color: #878787;
font-size: 10px;
text-decoration: none;
line-height: 17px;
text-indent: 24px;
}

.optionsBox a.remove
{
background: url(../images/screen/removeBtn.gif) no-repeat;
}

.optionsBox a.add
{
background: url(../images/screen/addBtn.gif) no-repeat;
}

.optionsBox a:hover
{
text-decoration: underline;
}

.contents table .priceBox
{
position: relative;
top: 13px;
left: 42px;
width: 61px;
float: left;
margin-bottom: 16px;
}

.priceBox p
{
margin: 0;
font-size: 13px;
font-weight: bold;
color: #626262;
}

.priceBox p.boxset
{
margin: 0;
font-size: 11px;
font-weight: normal;
color: #626262;
}

.contents table .basketItem_bottom img
{
display: block;
clear: both;
}

.contents a.checkout:link, .contents a.checkout:visited, .btns a.checkout:link, .btns a.checkout:visited
{
display: block;
float: right;
width: 103px;
height: 21px;
text-indent: -2px;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/addOrder_btn.gif) no-repeat;
}

.contents a.checkout:hover, .btns a.checkout:hover
{
}

.btns a.returnShoppingBtn:link, .btns a.returnShoppingBtn:visited
{
float: left;
display: block;
width: 130px;
height: 21px;
text-indent: -2px;
padding: 3px 0 0 0;
margin: 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../images/screen/returnShopping_btn.gif) no-repeat;
}

.btns a.returnShoppingBtn:hover
{
}

.options
{
position: relative;
left: 80px;
margin: 0 auto;
width: 730px;
float: left;
clear: both;
background: url(../images/screen/options_bg.gif) top no-repeat;
}

.options .left
{
float: left;
width: 330px;
}

.options .left p
{
margin: 5px;
font-size: 11px;
color: #595959;
}

.options .right
{
float: right;
width: 390px;
text-align: right;
}

.options .right p
{
margin: 5px;
font-size: 11px;
color: #626262;
}

.options .right a.apply:link, .options .right a.apply:visited
{
position: relative;
left: 10px;
float: left;
display: block;
text-align: center;
line-height: 16px;
color: #595959;
margin: 6px 0px 5px 0px;
width: 54px;
height: 18px;
background: url(../images/screen/applyCodeBtn.gif) no-repeat;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

.options .right a.apply:hover
{
text-decoration: underline;
}

.tbCode
{
font-weight: bold;
font-size: 11px;
width: 150px;
}

.ddlDelivery
{
font-weight: bold;
font-size: 11px;
width: 154px;
}

.total
{
position: relative;
left: 312px;
margin: 5px auto;
width: 262px;
height: 50px;
clear: both;
text-align: center;
background: url(../images/screen/total_bg.gif) no-repeat;
}

.total h1
{
line-height: 50px;
font-size: 16px;
color: #626262;
}

.btns
{
margin: 0;
width: 100%;
height: 23px;
clear: both;
}

img.cards_thawte
{
display: block;
float: right;
clear: both;
}

.cbBoxSet, .cbdetails
{
width: 110px;
float: left;
clear: both;
margin: 10px 0;
font-size: 10px;
color: #878787;
line-height: 8px;
}

/* Step one */
.voucherDetails
{
margin: 10px auto 0 auto;
width: 398px;
background: url(../images/screen/voucherDetails_bg.gif) top no-repeat;
}

.voucherDetails img
{
display: block;
}

.voucherDetails .ddlDeliveryList
{
font-weight: normal;
font-size: 11px;
margin: 0 3px;
}

.voucherDetails .tbDeliveyField
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 160px;
}

.voucherDetails .tbDeliveyMulti
{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 260px;
}

.voucherDetails table
{
margin: 0 0 3px 0;
}

.voucherDetails table p
{
margin: 5px;
font-size: 11px;
color: #5e5e5e;
}

.deliverDtls
{
width: 727px;
margin: 5px auto;
}

.deliverDtls h1
{
width: 727px;
height: 35px;
margin: 0;
background: url(../images/screen/checkout_h1_bg.gif) no-repeat;
font-size: 11px;
color: #595959;
text-indent: 10px;
line-height: 35px;
}

.deliverDtls h5
{
margin: 5px 10px 0 10px;
font-size: 11px;
color: #595959;
}

.deliverDtls p.norm
{
margin: 0 10px 5px 10px;
font-size: 11px;
font-weight: normal;
color: #595959;
}

.deliverDtls p
{
margin: 6px 0px;
font-size: 11px;
font-weight: bold;
color: #595959;
}

.deliverDtls p span
{
color: #842a56;
font-weight: bold;
font-size: 12px;
}

.deliverDtls .ddlDeliveryList
{
font-weight: normal;
font-size: 11px;
margin: 0 3px;
}

.deliverDtls .tbDeliveyField
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 160px;
}

.deliverDtls .tbDeliveyMulti
{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 160px;
}

.deliverDtls .tbDeliveyPostcode
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 80px;
}

/* Step Two */
.cardDetails
{
width: 727px;
position: relative;
clear: both;
left: 84px;
float: left;
margin: 5px auto;
}

.cardDetails table.left
{
float: left;
}

.cardDetails table.right
{
float: right;
}

.cardDetails table.left h1, .cardDetails table.right h1
{
width: 360px;
height: 35px;
margin: 0;
background: url(../images/screen/cardDetails_h1_bg.gif) no-repeat;
font-size: 11px;
color: #595959;
text-indent: 10px;
line-height: 35px;
}

.cardDetails p
{
margin: 6px 0px;
font-size: 11px;
font-weight: bold;
color: #595959;
}

.cardDetails p span
{
color: #842a56;
font-weight: bold;
font-size: 12px;
}

.cardDetails .ddlDeliveryList
{
font-weight: normal;
font-size: 11px;
margin: 0 3px;
}

.cardDetails .tbDeliveyField
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 160px;
}

.cardDetails .tbNumberField
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 30px;
}

.cardDetails .tbDeliveyMulti
{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 160px;
}

.cardDetails .tbDeliveyPostcode
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 80px;
}

.feedback
{
width: 727px;
position: relative;
clear: both;
left: 80px;
float: left;
margin: 10px auto;
}

.feedback table.left
{
float: left;
}

.feedback table.right
{
float: right;
}

.feedback table h1
{
width: 727px;
height: 35px;
margin: 0;
background: url(../images/screen/checkout_h1_bg.gif) no-repeat;
font-size: 11px;
color: #595959;
text-indent: 10px;
line-height: 35px;
}

.feedback p
{
margin: 6px;
font-size: 11px;
font-weight: normal;
color: #595959;
}

.feedback .ddlFeedbackList
{
font-weight: normal;
font-size: 11px;
margin: 0 6px;
width: 250px;
}

.feedback .cboffers
{
clear: both;
margin: 6px;
font-size: 11px;
font-weight: normal;
color: #595959;
}

.terms .cbterms
{
clear: both;
margin: 20px;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
color: #595959;
}

.terms .cbterms span
{
font-weight: bold;
color: #842a56;
}


.terms
{
width: 727px;
clear: both;
margin: 10px auto 50px auto;
}

.terms h1
{
width: 727px;
height: 35px;
margin: 0;
background: url(../images/screen/checkout_h1_bg.gif) no-repeat;
font-size: 11px;
color: #595959;
text-indent: 10px;
line-height: 35px;
}

/* Step Three */

.contentsSummary
{
margin: 0 auto;
width: 730px;
}

.contentsSummary h1
{
margin: 5px 0px;
font-size: 14px;
text-align: center;
}

.contentsSummary table
{
clear: both;
margin: 5px auto;
}

.contentsSummary table .header
{
width: 727px;
height: 35px;
text-align: left;
background: url(../images/screen/contentsHeader2_bg.gif) no-repeat;
}

.contentsSummary table .header p
{
margin: 11px 0px;
float: left;
font-size: 11px;
font-weight: bold;
color: #595959;
}

.contentsSummary table .header p.items
{
position: relative;
left: 10px;
}

.contentsSummary table .header p.description
{
position: relative;
left: 78px;
}

.contentsSummary table .header p.price
{
position: relative;
left: 535px;
}

.contentsSummary table .basketItem
{
margin: 5px auto;
width: 720px;
text-align: left;
background: url(../images/screen/basketItem2_bg.gif) no-repeat;
}

.contentsSummary table .basketItem img.product
{
position: relative;
margin-bottom: 20px;
font-size: 12px;
top: 16px;
left: 16px;
display: block;
width: 100px;
height: 60px;
float: left;
}

.contentsSummary table .descriptionBox
{
position: relative;
top: 13px;
left: 22px;
width: 520px;
float: left;
text-align: left;
margin-bottom: 16px;
}

.recipientDetails
{
}

.recipientDetails p
{
margin: 0;
font-weight: bold;
color: #626262;
float: left;
}

.recipientDetails p.detail
{
margin: 0 3px;
font-weight: normal;
color: #626262;
}

.contentsSummary table .priceBox
{
position: relative;
top: 13px;
left: 33px;
width: 61px;
float: left;
margin-bottom: 16px;
}

.confirmDeliverDtls
{
width: 727px;
margin: 5px auto;
}

.confirmDeliverDtls h1
{
width: 727px;
height: 35px;
margin: 0;
background: url(../images/screen/checkout_h1_bg.gif) no-repeat;
font-size: 11px;
color: #595959;
text-indent: 10px;
line-height: 35px;
}

.confirmDeliverDtls h5
{
margin: 5px 10px 0 10px;
font-size: 11px;
color: #595959;
}

.confirmDeliverDtls p.norm
{
margin: 0 10px 5px 10px;
font-size: 11px;
font-weight: normal;
color: #595959;
}

.confirmDeliverDtls p
{
margin: 6px 0px;
font-size: 11px;
font-weight: normal;
color: #595959;
}

.confirmDeliverDtls p.detail, .confirmCardDetails p.detail
{
margin: 6px 3px;
font-size: 11px;
font-weight: bold;
color: #595959;
}

.confirmDeliverDtls p span
{
color: #842a56;
font-weight: bold;
font-size: 12px;
}

.confirmCardDetails
{
width: 727px;
position: relative;
clear: both;
left: 84px;
float: left;
margin: 5px auto;
}

.confirmCardDetails table.left
{
float: left;
}

.confirmCardDetails table.right
{
float: right;
}

.confirmCardDetails table.left h1, .confirmCardDetails table.right h1
{
width: 360px;
height: 35px;
margin: 0;
background: url(../images/screen/cardDetails_h1_bg.gif) no-repeat;
font-size: 11px;
color: #595959;
text-indent: 10px;
line-height: 35px;
}

.confirmCardDetails p
{
margin: 6px 0px;
font-size: 11px;
font-weight: normal;
color: #595959;
}

.confirmCardDetails p span
{
color: #842a56;
font-weight: bold;
font-size: 12px;
}

/* Payment confirmation */
#divSuccess, #divFail
{
padding: 10px;
}

#divSuccess table, #divFail table
{
margin: 0 auto;
text-align: center;
}

#divSuccess h3, #divFail h3
{
color: #2663c0;
margin: 10px 0;
font-weight: normal;
font-size: 20px;
}

#divSuccess p, #divFail p
{
color: #000000;
font-weight: normal;
font-size: 12px;
margin: 10px 0 0 0;
}



/* Activity Cheques */
.cheques
{
clear: both;
float: left;
width: 560px;
margin: 5px 0;
position: relative;
left: 80px;
background: #e9e9e9;
padding: 5px 0 5px 5px;
}

.cheques img
{
display: block;
float: left;
position: relative;
top: 0px;
margin-right: 5px;
border: solid 1px #832a56;
}

.cheques img.last
{
display: block;
position: relative;
top: 0px;
margin-right: -5px;
border: solid 1px #832a56;
}

.cheques .buyNowBtn
{
float: left;
width: 107px;
margin: 0;
}

/* Landing Page */
#landingPageMiddle
{
width: 718px;
padding-left: 24px;
}

#landingPageMiddle h1
{
clear: both;
position: relative;
margin: 0;
padding-top: 15px;
padding-right: 35px;
text-align: center;
height: 22px;
font-size: 16px;
color: #414141;
}

#landingPageMiddle h2.luxuryManicure
{
text-indent: -15000px;
width: 695px;
height: 110px;
background: url(../images/screen/nails_title.gif) no-repeat;
margin: 0;
}

#landingPageMiddle h2.luxuryManicureTwoForOne
{
text-indent: -15000px;
width: 695px;
height: 180px;
background: url(../images/screen/2-for-1nails_title.gif) no-repeat;
margin: 0;
}

#landingPageMiddle p
{
padding-right: 25px;
font-size: 12px;
}

#landingPageMiddle p.luxuryManicure
{
padding-right: 35px;
margin: 20px;
line-height: 18px;
font-size: 12px;
color: #555555;
}

#landingPageMiddle .product
{
display: block;
width: 230px;
height: 205px;
float: left;
margin: 0px;
background: url(../images/screen/homeProduct_background.gif) no-repeat;
}

#landingPageMiddle .product img
{
margin: 13px 15px;
border: none;
}

#landingPageMiddle a.cornerPrice
{
display: block;
position: absolute;
color: #E2E2E2;
cursor: hand;
text-decoration: none;
font-size: 11px;
margin: 13px 15px;
padding: 4px 0px 0px 4px;
width: 89px;
height: 89px;
background-image: url(../images/screen/cornerPrice_small.gif);
background-repeat: no-repeat;
}

#landingPageMiddle .titleAndInfo
{
display: block;
float: left;
position: absolute;
width: 200px;
margin: 138px 0px 0px 16px;
}

#landingPageMiddle a.prodTitle:link, #landingPageMiddle a.prodTitle:visited
{
display: block;
float: left;
width: 200px;
line-height: 17px;
color: #868686;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

#landingPageMiddle a.prodTitle:hover
{
text-decoration: underline;
}

#landingPageMiddle a.seeAll:link, #landingPageMiddle a.seeAll:visited
{
display: block;
margin-top: 5px;
color: #868686;
font-size: 10px;
text-decoration: none;
}

#landingPageMiddle a.seeAll:hover
{
text-decoration: underline;
}

#landingPageMiddle .prodDescription
{
display: block;
float: left;
width: 200px;
color: #ABA9A9;
font-size: 11px;
margin: 0;
}

/* Error Pages */
.error
{
text-align: center;
height: 500px;
}

.error h2
{
margin: 0;
padding: 50px 150px 20px 150px;
font-size: 26px;
color: #6a1c46;
}

.error p
{
margin: 0;
padding: 0;
font-size: 12px;
}

.error p a:link, .error p a:visited
{
color: #6a1c46;
text-decoration: underline;
}

.error p a:hover
{
text-decoration: none;
}

/* Gallery Image slider */

.popupImageGallery p.noImages
{
padding: 0;
text-align: center;
margin: 0 auto;
clear: both;
font-size: 10px;
color: #555555;
}

#productTop .gallery, .personalise-ImgBox .gallery
{
width: 370px;
position: relative;
margin-top: 10px;
left: 10px;
float: left;
}

#productTop .gallery img, .personalise-ImgBox .gallery img
{
width: 100px;
height: 60px;
display: block;
float: left;
padding: 2px 4px 4px 2px;
background-image: url(../../images/screen/galleryThumb-bg.gif);
cursor: pointer;
position: relative;
left: 27px;
}

#productTop .gallery img:hover, .personalise-ImgBox .gallery img:hover
{
}

#productTop .imageleft:hover, #productTop .imageright:hover, .personalise-ImgBox .imageleft:hover, .personalise-ImgBox .imageright:hover
{
cursor: pointer;
}

#productTop .imageleftDisabled:hover, #productTop .imagerightDisabled:hover, .personalise-ImgBox .imageleftDisabled:hover, .personalise-ImgBox .imagerightDisabled:hover
{
cursor: default;
}


#productTop .imageleftDisabled, .personalise-ImgBox .imageleftDisabled
{
display: block;
margin: 20px 0 0 0;
width: 25px;
height: 25px;
float: left;
background-image: url(../../images/screen/imageleft-btns.gif);
background-position: bottom;
position: absolute;
left: 0;
}

#productTop .imageright, .personalise-ImgBox .imageright
{
display: block;
margin: 20px 0 0 0;
width: 25px;
height: 25px;
float: left;
background-image: url(../../images/screen/imageright-btns.gif);
background-position: top;
cursor: pointer;
position: absolute;
right: 0;
}

#productTop .imageleft:hover, #productTop .imageright:hover, .personalise-ImgBox .imageleft:hover, .personalise-ImgBox .imageright:hover
{
background-position: 0 -25px;
}

#productTop .imagerightDisabled, .personalise-ImgBox .imagerightDisabled
{
display: block;
margin: 20px 0 0 0;
width: 25px;
height: 25px;
float: left;
background-image: url(../../images/screen/imageright-btns.gif);
background-position: bottom;
position: absolute;
right: 0;
}

Can I just ask if your using dreamweaver to do your websites? Or another program? :)

Did they really just want to see plain HTML/CSS for a static site? So few static sites about these days I thought they would have been more interested in you server side coding such as PHP/ASP.Net. Interactive sites with jQuery plugin's and some hand written jQuery/JS.

 

To me the code looks ok and is very neat (neater than mine :p), but its just plain HTML/CSS, it should never really get that complicated.

 

I did notice the lack of a css reset, which really should always be done for cross browser consistency. Also quite a few includes which could maybe be decreased (more http requests = slower pages) and the JS includes should really be minified versions, better yet jQuery should be fetched from a CDN like Googles. Only other thing to note was there is a large amount of nested divs used, but without seeing the ouput page hard to know they are overkill or not.

It looks more than acceptable to me, provided you hand coded of course :)

 

The one thing that did jump out was the DIVitus and seemingly unecessary SPAN's, though as Synjyn said it really depends if those are really essential or not.

  • Author

Thanks for all your feedback.

 

Yes it is hand coded. Like what you said the code looks fine I think (but I guess I would say that), which is why I'm bemused by their comment. I see what you mean about the css reset, so I guess this is something they could've picked up on.

 

@ ayoungh. No don't use Dreamweaver, I code using vb.NET and use Visual Studio.

 

In the example I sent them I gave the rendered html, css and the raw code for them to take a look at so they can see the use of the server side usercontrols etc. I've added a snippet of the raw code below.

 

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="index.aspx.vb" Inherits="mysite.index" %>

<%@ Import Namespace="mysiteDAL" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Register Src="UserControls/horizontalMenu.ascx" TagName="horizontalMenu" TagPrefix="uc5" %>
<%@ Register Src="UserControls/title.ascx" TagName="title" TagPrefix="uc8" %>
<%@ Register Src="UserControls/WLControl.ascx" TagName="WLControl" TagPrefix="uc7" %>
<%@ Register Src="UserControls/CSSLinks.ascx" TagName="CSSLinks" TagPrefix="uc6" %>
<%@ Register Src="UserControls/header.ascx" TagName="header" TagPrefix="uc4" %>
<%@ Register Src="UserControls/menu.ascx" TagName="menu" TagPrefix="uc2" %>
<%@ Register Src="UserControls/footer.ascx" TagName="footer" TagPrefix="uc1" %>
<%@ Register TagPrefix="cus" Namespace="mysite.CustomControls" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <uc8:title Visible="true" ID="Title1" runat="server" />
   <uc6:CSSLinks ID="CSSLinks1" runat="server" />
   <meta content="keywords" name="keywords" />
   <meta content="description" name="description" />
   <meta content="INDEX,FOLLOW" name="ROBOTS" />
   <meta http-equiv="Content-Type" content="text/html" />
</head>
<body class="home">
   <form id="form1" runat="server">
       <div id="base">
           <div id="middle">
               <div id="mainContainer">
                   <uc4:header ID="Header1" runat="server" />
                   <uc5:horizontalMenu ID="HorizontalMenu1" runat="server" />
                   <div id="ct">
                       <div id="content">
                           <div class="prod-bg home-bg">
                               <div class="homepage-banners">
                                   <cus:WLLink ID="lnkhomepagebanner01" runat="Server" UrlWriteMethod="getStaticPageURL"
                                       Path="bestsellers.aspx" title="Over 2000 Great Gift idea">
                                       <cus:WLActivityImage ID="acthomepagebanner01" runat="Server" width="870" height="275"
                                           ImageType="path" Path="mysite/hp-banner.jpg" alt="Over 2000 Great Gift idea" title="Over 2000 Great Gift idea" />
                                   </cus:WLLink>
                               </div>
                               <div class="subCat_container">
                                   <h1>
                                       Featured Products
                                   </h1>
                                   <cus:WLActRepeater runat="Server" ID="repActivities" ActCodes="GFPA,LAST,LTHE,METES">
                                       <itemtemplate>
                                           <div class="subcat">
                                               <div class="categoryimg">
                                                   <cus:WLLink ID="WLLink1" runat="server" CategoryId='<%#DataBinder.Eval(Container.DataItem, "WebCat")%>'
                                                       ActCode='<%#DataBinder.Eval(Container.DataItem, "ActCode")%>' WebName='<%#DataBinder.Eval(Container.DataItem, "WebName")%>'
                                                       UrlWriteMethod="getActivityURL">
                                                       <cus:WLActivityImage ID="actImage2" ImageType="thumb" runat="Server" ActCode='<%#DataBinder.Eval(Container.DataItem, "ActCode")%>'
                                                           alt='<%# HTTPUtility.Htmldecode(DataBinder.Eval(Container.DataItem, "WebName"))%>' title='<%# HTTPUtility.Htmldecode(DataBinder.Eval(Container.DataItem, "WebName"))%>' />
                                                    </cus:WLLink>
                                               </div>
                                               <div class="categorytitle">
                                                   <h3>
                                                       <cus:WLLink ID="cusLink4" runat="server" CategoryId='<%#DataBinder.Eval(Container.DataItem, "WebCat")%>'
                                                           ActCode='<%#DataBinder.Eval(Container.DataItem, "ActCode")%>' WebName='<%#DataBinder.Eval(Container.DataItem, "WebName")%>'
                                                           UrlWriteMethod="getActivityURL" title='<%# HTTPUtility.Htmldecode(DataBinder.Eval(Container.DataItem, "WebName"))%>'>
                                                           <%#DataBinder.Eval(Container.DataItem, "WebName")%>
                                                       </cus:WLLink>
                                                   </h3>
                                               </div>
                                               <div class="pricing">
                                                   <span>
                                                       <%# DirectCast(DataBinder.Eval(Container.DataItem , "SellPrice"),Decimal).ToString("C") %>
                                                   </span>
                                               </div>
                                               <div class="categorydescription">
                                                   <p>
                                                       <cus:WLLink ID="WLLink2" runat="server" class="moredetail" CategoryId='<%#DataBinder.Eval(Container.DataItem, "WebCat")%>'
                                                           ActCode='<%#DataBinder.Eval(Container.DataItem, "ActCode")%>' WebName='<%#DataBinder.Eval(Container.DataItem, "WebName")%>'
                                                           UrlWriteMethod="getActivityURL" title='<%#HTTPUtility.Htmldecode(DataBinder.Eval(Container.DataItem, "WebName"))%>'>
                                                           ...more detail
                                                       </cus:WLLink>
                                                   </p>
                                               </div>
                                           </div>
                                       </itemtemplate>
                                   </cus:WLActRepeater>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <cus:WLLink ID="WLLink1" runat="server" Path="product_name/showallcard.aspx"
                                               UrlWriteMethod="getStaticPageURL">
                                               <cus:WLActivityImage ID="actImage2" ImageType="path" Path="mysite/personalised_engraved.gif"
                                                   runat="Server" alt="Product Name" title="Product Name" />
                                           </cus:WLLink>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <cus:WLLink ID="WLLink3" runat="server" Path="product_name/showallcard.aspx"
                                                   UrlWriteMethod="getStaticPageURL" title="Product Name">
                                                           Product Name
                                                       </cus:WLLink>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>From £12.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <cus:WLLink ID="WLLink4" class="moredetail" runat="server" Path="product_name/showallcard.aspx"
                                                   UrlWriteMethod="getStaticPageURL">
                                                           ...more detail
                                                       </cus:WLLink>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <cus:WLLink ID="WLLink5" runat="server" Path="product_name/showCard.aspx" UrlWriteMethod="getStaticPageURL">
                                               <cus:WLActivityImage ID="WLActivityImage1" ImageType="path" Path="mysite/personalised_cards.gif"
                                                   runat="Server" alt="Product Name" title="Product Name" />
                                           </cus:WLLink>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <cus:WLLink ID="WLLink6" runat="server" Path="product_name/showCard.aspx" UrlWriteMethod="getStaticPageURL"
                                                   title="Product Name">
                                                           Product Name
                                                       </cus:WLLink>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>£3.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <cus:WLLink ID="WLLink7" class="moredetail" runat="server" Path="product_name/showCard.aspx"
                                                   UrlWriteMethod="getStaticPageURL">
                                                           ...more detail
                                                       </cus:WLLink>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <cus:WLLink ID="WLLink8" runat="server" Path="fw.aspx" UrlWriteMethod="getStaticPageURL">
                                               <cus:WLActivityImage ID="WLActivityImage2" ImageType="path" Path="mysite/weekend_gifts.gif"
                                                   runat="Server" alt="Product Name" title="Product Name" />
                                           </cus:WLLink>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <cus:WLLink ID="WLLink9" runat="server" Path="product_name.aspx" UrlWriteMethod="getStaticPageURL"
                                                   title="Product Name">
                                                           Product Name
                                                       </cus:WLLink>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>From £89.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <cus:WLLink ID="WLLink10" class="moredetail" runat="server" Path="product_name.aspx" UrlWriteMethod="getStaticPageURL">
                                                           ...more detail
                                                       </cus:WLLink>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="subcat">
                                       <div class="categoryimg">
                                           <cus:WLLink ID="WLLink11" runat="server" Path="product.aspx" UrlWriteMethod="getStaticPageURL">
                                               <cus:WLActivityImage ID="WLActivityImage3" ImageType="path" Path="mysite/product.gif"
                                                   runat="Server" alt="Product Name" title="Product Name" />
                                           </cus:WLLink>
                                       </div>
                                       <div class="categorytitle">
                                           <h3>
                                               <cus:WLLink ID="WLLink12" runat="server" Path="product.aspx" UrlWriteMethod="getStaticPageURL"
                                                   title="Product Name">
                                                           Product Name
                                                       </cus:WLLink>
                                           </h3>
                                       </div>
                                       <div class="pricing">
                                           <span>From £29.00 </span>
                                       </div>
                                       <div class="categorydescription">
                                           <p>
                                               <cus:WLLink ID="WLLink13" class="moredetail" runat="server" Path="product.aspx"
                                                   UrlWriteMethod="getStaticPageURL">
                                                           ...more detail
                                                       </cus:WLLink>
                                           </p>
                                       </div>
                                   </div>
                               </div>
                               <uc7:WLControl ID="WLControl3" runat="server" UseCache="true" DefaultFilePath="homepageTop.txt"
                                   CorpFilePath="homepageTop.txt" />
                               <uc7:WLControl ID="WLControl1" runat="server" UseCache="true" DefaultFilePath="homepage.txt"
                                   CorpFilePath="homepage.txt" />
                           </div>
                       </div>
                   </div>
                   <div id="footerBase">
                       <uc1:footer ID="Footer1" runat="server" />
                   </div>
               </div>
           </div>
       </div>
   </form>
</body>
</html>

Create an account or sign in to comment
Go to topic listing

Account

Navigation

Search

Search

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.