/*--- 		Nurofen CSS 		---*/
/*--- 					 		---*/
/*--- 		Fullsix London 		---*/
/*--- 					 		---*/
/*--- 		13/07/2006	 		---*/



/*--- 		Generic styles 		---*/

/* Remove default padding from commonly used elements so that we may define our own. */

html, body, div, h1, h2, h3, h4, h5, h6, p, form, input, select, ul, li 
{
	margin: 0px;
	padding: 0px;
}

/* IE fix for pngs applied to all elements */
* { behavior: url(iepngfix.htc) }

html, body
{
	text-align: center;
	font: 1em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
}


body
{
	background-color: #EEEEEE;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-image: url(../images/uk/bg_pages.gif);
	margin: 0 auto 20px auto;
	
}

.erss
{


width: 140px;

}


img{ 
	border:none;
	}

div.clear
{
	clear:both;
}

div.container
{
	float:left;
	background-color: #fff;
	width: 47.50em;
	w\idth: 47.50em;
	text-align: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
	clear:both;
}

div#home-container
{
	float:left;
	background-color: #fff;
	width: 47.50em;
	w\idth: 47.50em;
	text-align: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0px auto 0 auto;
	clear:both;
}

/* styles for header */

div.header
{
	position:relative;
	background: url(../images/uk/bg-site-hdr.jpg);
	background-repeat: no-repeat;
	width:760px;
	height: 182px;
	clear: both;
	padding: 0;
}

div.home-header
{
	position:relative;
	background: url(../images/uk/nco_com_header.jpg);
	background-repeat: no-repeat;
	width:760px;
	height: 102px;
	clear: both;
	padding: 0;
}

/* ALCHEMY STYLES: START */
.floatRight {float: right;}

.floatLeft {float: left;}

#siteheader  {position: relative; width: 760px; height: 182px; background: url('../media/images/site_header.jpg') no-repeat 0px 0px; margin: 0px;}
  #siteheader a.homeLink  {display: block; border: 0px; background-color: transparent; width: 185px; height: 110px;}
  #siteheader ul#headerNav  {display: block; position: absolute; top: 90px; left: 410px; font-size: .7em; font-weight: bold;}
    #siteheader ul#headerNav li  {display: inline;}
      #siteheader ul#headerNav li img  {padding: 0px 1px 0px 0px;}
      #siteheader ul#headerNav li .sendImage  {padding: 0px 1px 0px 0px; width: 12px; height: 12px;}
      #siteheader ul#headerNav li a  {color: #525252; padding: 2px 5px 0px 3px;}
        #siteheader ul#headerNav li a:hover  {color: #FFFFFF; background-color: #c82e26; text-decoration: none;}
      #siteheader ul#headerNav li form  {display: inline;}
        #siteheader ul#headerNav li form input  {font-size: .9em; padding: 3px 0px 0px 2px; height: 16px;}
        #siteheader ul#headerNav li form input#submitbutt  {font-size: 1em; padding: 0px 0px 0px 0px; height: 20px; width: 50px; border: 1px solid #FFFFFF; color: #FFFFFF; background-color: transparent; font-weight: bold;}


    /* main nav */
    #siteheader #mainNav  {width: 728px; height: 35px; position: absolute; top: 121px; left: 17px; font-size: .9em; text-align: center;}


      #siteheader #mainNav a {display: -moz-inline-block; display: inline-block; height: 35px; color: #000000; font-weight: bold; text-decoration: none; padding: 2px 10px 0px 10px; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #97999c; text-align: center; line-height: 1.1em; background: transparent; font-size:13px;}
        #siteheader #mainNav a:hover {color: #FFFFFF; background: url(../media/images/nav_bg_over.jpg) repeat-x 0px 0px;}
      #siteheader #mainNav a.last {display: -moz-inline-block; display: inline-block; height: 35px; color: #000000; font-weight: bold; text-decoration: none; padding: 2px 10px 0px 10px; border-style: none; border-width: 0px 1px 0px 0px; border-color: #97999c; text-align: center; line-height: 1.1em; background: transparent;font-size:13px;}
        #siteheader #mainNav a.last:hover {color: #FFFFFF; background: url(../media/images/nav_bg_over.jpg) repeat-x 0px 0px;}

      #siteheader #mainNav a.alignmid {display: -moz-inline-block; display: inline-block; height: 28px; color: #000000; font-weight: bold; text-decoration: none; padding: 9px 8px 0px 8px; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #97999c; text-align: center; line-height: 1.1em; background: transparent;}
        #siteheader #mainNav a.alignmid:hover {color: #FFFFFF; background: url(../media/images/nav_bg_over.jpg) repeat-x 0px 0px;}

      #siteheader #mainNav a.alignmidlast {display: -moz-inline-block; display: inline-block; height: 28px; color: #000000; font-weight: bold; text-decoration: none; padding: 9px 8px 0px 8px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #97999c; text-align: center; line-height: 1.1em; background: transparent;}
        #siteheader #mainNav a.alignmidlast:hover {color: #FFFFFF; background: url(../media/images/nav_bg_over.jpg) repeat-x 0px 0px;}
      
      
      /* all lists */
      #siteheader #mainNav ul {margin: 0px; padding: 0px; list-style: none;}
      #siteheader #mainNav ul li ul {margin: 0px; padding: 0px; list-style: none;}
      /* all list items */
      #siteheader #mainNav li {margin-left: 0px; float: left; position: relative;}
      /* second-level lists */
      #siteheader #mainNav li ul {position: absolute; background-color: #caccd0; left: -999em;}
      #siteheader #mainNav li ul li ul {position: absolute; background-color: #e8e8eb; left: -999em;}
      /* second-level lists */
      #siteheader #mainNav li ul li {width: 190px; margin-left: 0px; color: #1C7523; clear: both;}
      /* second-level lists */
      #siteheader #mainNav li ul li a  {width: 168px; border: 0px; display: block; height: auto; text-align: left; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #FFFFFF; padding: 3px 10px 3px 10px; margin: 0px; font-size: .9em;}

      #siteheader #mainNav li ul li ul li a  {width: 168px; border: 0px; display: block; height: auto; text-align: left; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #FFFFFF; padding: 3px 10px 3px 10px; margin: 0px;}
      #siteheader #mainNav li ul li ul li a.last  {width: 168px; border: 0px; display: block; height: auto; text-align: left; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #FFFFFF; padding: 3px 10px 3px 10px; margin: 0px;}
      
      /* lists nested under hovered list items */
      #siteheader #mainNav li:hover ul, #siteheader #mainNav li.snHover ul  {left: 0px; top: 36px; position: absolute;}
        #siteheader #mainNav li:hover ul.nav_diary, #siteheader #mainNav li.snHover ul.nav_diary  {left: -24px; top: 36px;}
        #siteheader #mainNav li:hover ul.nav_resources, #siteheader #mainNav li.snHover ul.nav_resources  {left: -74px; top: 36px;}
      /* ensure tier2 nav remains hidden */
      #siteheader #mainNav li:hover ul li ul, #siteheader #mainNav li.snHover ul li ul  {left: -999em;}
      
      #siteheader #mainNav li ul li:hover ul, #siteheader #mainNav li ul li.soHover ul {left: 189px; top: -1px;}
        #siteheader #mainNav li ul li:hover ul.sub_left, #siteheader #mainNav li ul li.soHover ul.sub_left {left: -189px; top: -1px;}


.clearAll  {clear: both;}
	
div#generalContent  {float:right; width:608px; margin-top: 5px;}

div#hlContainer  {background: url(../images/uk/bg-product-range.gif) repeat-x 0px 0px; padding: 10px; margin: 0px 20px 0px 20px; width: 300px;}
  div#hlContainer .formField  {float: left; font-weight: bold; border: 1px solid #BC4641; color: #BC4641; font-size: .9em; height: 20px; width: 80px; padding: 0px 0px 0px 10px; margin: 0px 0px 1px 0px;}
    div#hlContainer .formInput input  {float: left; font-weight: normal; border: 1px solid #BC4641; color: #BC4641; font-size: .9em; height: 17px; width: 200px; margin: 0px 0px 1px 1px; padding: 3px 0px 0px 2px; color: #535353;}
  div#hlContainer .submitCon  {float: left; width: 297px; text-align: right; margin-top: 1px;}
    div#hlContainer .submitCon input  {font-weight: bold; background: url(../media/images/nav_bg.jpg) repeat-x 0px 0px; color: #000000;}
      div#hlContainer .submitCon input:hover  {font-weight: bold; background: url(../media/images/nav_bg_over.jpg) repeat-x 0px 0px; color: #FFFFFF;}


#formContainer  {width: 100%; float: left; font-size: .9em;}
  #formContainer .fieldText  {float: left; border: 1px solid #D32E28; width: 200px; height: 18px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 10px; font-weight: bold; background-color: #E4E9ED; color: #D32E28;}
  #formContainer .fieldTextWide  {float: left; border: 1px solid #D32E28; width: 562px; height: 18px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 10px; font-weight: bold; background-color: #E4E9ED; color: #D32E28;}
  #formContainer .fieldTextBlank  {float: left; width: 200px; height: 18px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 10px; display: block;}
  #formContainer .fieldTextMid  {float: left; border: 1px solid #028798; width: 250px; height: 18px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 10px; font-weight: bold; background-color: #E6F3D7; color: #028798;}
  #formContainer .fieldValue  {float: left;}
    #formContainer .fieldValue input  {width: 300px; border: 1px solid #9e9e9e; padding: 2px 5px 2px 5px; backgfound-color: #efefef;}
    #formContainer .fieldValue input.checkbox  {background: none; border: 0px; padding: 0px; margin: 0px;}
    #formContainer .fieldValue input.submitButt  {width: 40px; border: 1px solid #028798; color: #028798; background: none; background-color: #FFFFFF;}
    #formContainer .fieldValue input.submitButtGen  {width: auto; height: 20px; font-weight: bold; background: url(../media/images/nav_bg.jpg) repeat-x 0px 0px; color: #000000;}
      #formContainer .fieldValue input.submitButtGen:hover  {font-weight: bold; background: url(../media/images/nav_bg_over.jpg) repeat-x 0px 0px; color: #FFFFFF;}
  #formContainer .fieldValuePreview  {float: left; width: 350px; border: 1px solid #BC4641; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 5px; background-color: #ffffff;}
    #formContainer .fieldValueWide textarea  {float: left; width: 618px; height: 270px;}
.error  {color: #AA0000; font-weight: bold;}
.smallText {font-weight: normal; font-size:0.8em;}

.errorCon  {color: #FF0000; font-weight: bold; border: 1px solid #FF0000; padding: 10px; margin-right: 20px;}
  .errorCon p  {color: #FF0000; font-size: 1em;}
  .errorCon ul li  {list-style: disc; margin-left: 20px; font-size: .9em; font-weight: normal;}
/* ALCHEMY STYLES: END */

div.header-logo
{	
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	}

div.header-key-text
{
	position:absolute;
	top: 32px;
	left:150px;
	font: bold 0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color:#000;
	Z-index: 9;
}

div.header-right-holder
{
	float:right;
	margin-right:0.63em;
	Z-index: 10;
	width:300px;
	}
	
div.header-flash
{
	position: absolute;
	width: 760px;
	height: 102px;
	}


div.header-right-search
{
	text-align:right;
	padding-top:0.2em;
	z-index:1000;
	position:absolute;
	right:15px;
	top:5px;
}

#header-right-links
{
	font:0.69em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color:#333;
	text-align: right;
	z-index:1000;
	top:35px;
	right:15px;
	position:absolute;
}

#header-right-links li
{
	display: inline;
	list-style-type: none;
	text-transform: none;
	z-index:1000;
}


#header-right-links a
{
	color: #333;
	font-weight: bold;
	padding: 1px 0px;
	padding-left: 8px;
	margin: 0;
	text-decoration: none;
    z-index:1000;
}

#header-right-links a:hover
{
	color: #cd3d2a;
	text-decoration: none;
}



/*Header search box styles*/
input.box
{
	width: 83px;
	font: 0.63em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	border:1px solid #969696;
	
}


#searchlabel{
	font: bold 0.69em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color:#000;
}

div.mid-wrapper
{
	float:left;
	padding-bottom:20px;
}

/*--- left nav styles ---*/

div.leftnav-container
{
	float:left;
	clear:both;
	padding-top: 0.63em;
	width: 8.75em;
}

div.leftnav-container #skyscraperBanner  {width: 120px; height: 170px;
/*border: 1px solid #666666;*/
margin: 0px 0px 0px 10px;}

div.leftnav-container ul
{
	margin: 0em 0em 0.63em 0.31em;
	padding: 0em;
	list-style-type: none;
}

#level1 .noBorder { border-bottom: 0em solid #ff0000; }

#level1 li
{
	font: 0.69em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	padding: 0.1em 0 0.1em 0;
	color: #828181;
	border-top: 1px solid #ff0000;
	width:140px;
}

#level1 li.first
{
	border-top: 1px solid #ff0000;
}

#level1 li.last
{
	border-bottom: 1px solid #ff0000;
}

#level1 .uberlink a:link, #level1 .uberlink a:visited,
#level1 .uberlink a:hover, #level1 .uberlink a:active { color: #cd3d2a; }

#level1 li.uberlinklast {margin: 0 0 -10px 0;width: 9em;}
#level1 .uberlinklast a:link, #level1 .uberlinklast a:visited,
#level1 .uberlinklast a:hover, #level1 .uberlinklast a:active { color: #ef781d; }

#level1 li.uberlinklastmain {border-bottom: 1px solid #ff0000;}
#level1 .uberlinklastmain a:link, #level1 .uberlinklastmain a:visited,
#level1 .uberlinklastmain a:hover, #level1 .uberlinklastmain a:active { color: #ef781d; }

#level1 li a:link
{
	text-decoration: none;
	color: #666;
	font-weight: bold;
}

/*
#level1 li a:visited
{
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
*/

#level1 li a:hover
{
	text-decoration: none;
	color: #cd3d2a;
	font-weight: bold;
}

#level2 li
{
	font: 1em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	display: block;
	padding: 122px 0 1px 0;
	width: 122px;
	border: 0px solid #ff0000;
	
}

#level2 li.last
{
	margin: 0 0 -10px 0;
	width: 122px;
	border: 0px;
}

#level2 li.first
{
	width: 122px;
	border: 0px;
}

#level2 li a:link
{
	text-decoration: none;
	color: #666;
	font-weight: normal;
}

/*
#level2 li a:visited
{
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
*/

#level2 li a:hover
{
	text-decoration: none;
	color: #cd3d2a;
	font-weight: normal;
}

#level3 li
{
	font: 1em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	display: block;
	padding: 1px 0 1px 0;
	width: 122px;
	border-bottom: 0px solid #ff0000;
}

#level3 .last
{
	margin: 0 0 -10px 0;
	width: 122px;
}

#level3 li a:link
{
	text-decoration: none;
	color: #666;
	font-weight: normal;
}

/*
#level3 li a:visited
{
	text-decoration: none;
	color: #666;
	font-weight: normal;
}
*/

#level3 li a:hover
{
	text-decoration: none;
	color: #cd3d2a;
	font-weight: normal;
}

ul.hidden 
{
	display:none;
}

li.skipnav
{
	display:none;
}


/*--- footer ---*/

div.footer
{	
	float:left;
	clear:both;
	width: 47.50em;
	w\idth: 47.50em;
	background-color: #e2e2e2;
	border-top: 1px solid #888;
}

div.footer a:link, div.footer a:visited, div.footer a:active{
	color: #333;
	text-decoration: none;
}

div.footer a:hover
{
	color: #ff0000;
	text-decoration: none;
}

div.disclaimer
{
	color: #333;
	font: 0.55em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	float: left;
	padding: 0.9em 0.3em;
	width:270px;
	background-color: #e2e2e2;
	padding-left: 8px;

}



div.disclaimer2{
	float:left;
	color:#999999;
	font: 0.6em/2em 'trebuchet ms',arial, verdana, helvetica, sans-serif;
	text-align:right;
}

.disclaimer_2
{

color:#999999;
}

div.legal
{
	background-color: #e2e2e2;
	font: 0.6em/1.2em 'trebuchet ms',arial, verdana, helvetica, sans-serif;
	float: right;
	padding:  0.67em 0em;
	text-align: right;

 
 
}

div.legal li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 0.63em;
	text-transform: none;
	border-right: 0.06em solid #666;
}

div.legal .first
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 0.63em 0 0em;
	text-transform: none;
	border-right: 0.06em solid #666;
}

div.legal .last
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 0.63em;
	text-transform: none;
	border-right: 0px solid #000;
}

div.footer-rights{
	float:right;
	color:#999999;
	font: 0.6em/2em 'trebuchet ms',arial, verdana, helvetica, sans-serif;
	text-align:right;
}


div.footer-rights-podmiot
{
        clear:both;
	color:#999999;
	font-family :trebuchet ms,arial, verdana, helvetica, sans-serif;
        font-size:12pt;
        padding:10px;
        border: 1px solid #cccccc;
}
/*--- right side ---*/

div.content-rightside
{
	float:right;
	width:145px;
	text-align:center;
	margin-right:3px;
	}

 
 div.rightside_callout{
 	clear:both;
 	margin:0 13px;
 	text-align:left;
 	}
 	
 div.rightside_callout_copy{
 	float:left;
 	padding-bottom:5px;
 }
   	
  div.rightside_callout a{
  	float:left;
  	clear:both;
  	width:120px;
  	font: 0.9em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
  	color:#828181;
  	text-align:left;
  }
  
  div.rightcallout_moreinfo{
  	float:left;
  	clear:both;
  	width:120px;
  }
  
  div.rightcallout_moreinfo a{
	color: #dc000e;
	text-decoration:none;
	background-image:url("../images/uk/nco_com_article_arrow.gif");
	background-position:right;
	background-repeat:no-repeat;
	padding-right:20px;
	width:auto;
	float:right;
	clear:both;
	font-size:0.75em;
}
  

/* Background dots for main page */
div.dots
{
	background: url(../images/uk/nco_com_dots.gif);
	background-repeat: repeat-x;
	height: 5px;
	width: 7.50em;
	margin: 0.63em 0;
	clear: both;
}

/*--- content ---*/
div.content-container
{
	float:left;
	margin: 10px 0 10px 10px;
	width: 28.50em;
	background-image:url(../images/uk/nco_pai_page_fadein.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fef2ee;

}

/*--- home styles ---*/

div#opaque{
	display:none;
	background-color:#aaa;
	width:100%;
	height:1000px;
	position:absolute;
	top:0;
	left:0;
	z-index:5000;
 }
 
#video { width:760px; margin-left:auto; margin-right:auto; margin-top:22px; margin-bottom:auto; text-align:left; background-color:#fff; }

div.home-mid-wrapper
{
	float:left;
	clear:both;
}

div.home-content-container
{
	float:left;
	margin: 10px 0 10px 10px;
	width: 600px;
}

div.home-callout{
	float:left;
	width:200px;
	background-image:url(../images/uk/bg_vert_dots.gif);
	background-repeat:repeat-y;
	background-position:right;
	text-align:center;
	}
	
div.home-callout2{
	float:left;
	width:200px;
	text-align:center;
	}
	
div.home-callout-pic
{
	clear:both;

}

div.home-callout-copy
{	
	clear:both;
	text-align:justify;
	padding: 5px 10px 0px 10px;
	overflow:visible;
	
}

div.home-callout-more-btn
{
	float:left;
	display:block;
	font: 0.7em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
}


div.home-callout-more-btn a, div.home-callout-more-btn a:visited{
	color: #666;
	text-decoration:none;
	background-image:url("../images/uk/nco_com_article_arrow.gif");
	background-position:right;
	background-repeat:no-repeat;
	padding-right:20px;
}

div.home-callout-more-btn a:hover {
	color: #E2817E;
	background: url("../images/uk/nco_com_article_arrow_o.gif");
	background-repeat: no-repeat;
	background-position: right;
	padding-right:20px;
}

div.mhraAnnounce {
	color: #666;
	font-family: Trebuchet ms, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
	text-align: center;
}

div.mhraAnnounce a,
div.mhraAnnounce a:hover,
/*
div.mhraAnnounce a:visited {
	color:#6b6a6a;
}
*/

/*--- Main landing pages (Explore Nurofen, Nuroufen for Pain, Your Wellbeing) ---*/

div.mains-top-content
{
	width:25.44em;
	float:left;
	clear:both;
	padding-left:1.25em;
	margin-bottom:10px;
}

div.top-content{
	clear:both;
}

div.top-content-text{
	float:left;
	width:17.88em;
	clear:both;	
	}

div.top-content-text2{
	float:left;
	clear:both;
	}
	
div.top-content-pic
{
	float:right;
}

div.ornage-dot-seperator
{
	width:25.44em;
	height:2px;
	margin-left:1.25em;
	clear:both;
	background-image:url(../images/uk/nco_pai_hdots.gif);
	background-repeat:repeat-x;
}

div.manis-bottom-content
{
	width:25.44em;
	float:left;
	clear:both;
	padding-left:1.25em;
	margin-bottom:30px;
}

div.manis-bottom-content2
{
	width:25.44em;
	float:left;
	clear:both;
	padding-left:1.25em;
	margin-bottom:20px;
}
div.bottom-left-content
{
	float:left;
	width:12.50em;
	padding-top:20px;
}

div.bottom-right-content
{
	float:right;
	width:12.50em;
	padding-top:20px;
}


div.manis-bottom-more-btn
{
	display:block;
	font: 0.7em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	
}

div.manis-bottom-more-btn-tbl
{
	float:left;
	display:block;
	font: 0.7em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	
}

div.manis-bottom-more-btn a, div.manis-bottom-more-btn a:visited{
	color: #dc000e;
	text-decoration:none;
	background-image:url("../images/uk/nco_com_article_arrow.gif");
	background-position:right;
	background-repeat:no-repeat;
	padding-right:20px;
}

div.manis-bottom-more-btn a:hover {
	color: #dc000e;
	background: url("../images/uk/nco_com_article_arrow_o.gif");
	background-repeat: no-repeat;
	background-position: right;
	padding-right:20px;
}

/*--- additional styles for nurofen for pain page ---*/
div.mains-bottom-lower
{
	clear:both;
	padding:20px 0px 20px 0px;
}

div.bottom-left-content2
{
	float:left;
	width:12.50em;
	margin-top:20px;
	padding:5px 5px 0px 0px;
	background-image:url(../images/uk/nco_pai_vdots.gif);
	background-repeat:repeat-y;
	background-position:right;
}

div.bottom-left-content3
{
	float:left;
	width:12.50em;
	padding:0px 5px 0px 0px;
	background-image:url(../images/uk/nco_pai_vdots.gif);
	background-repeat:repeat-y;
	background-position:right;
}

div.bottom-left-content4
{
	float:left;
	width:12.50em;
	padding:0px 5px 0px 0px;
}

div.bottom-right-content
{
	float:right;
	width:12.50em;
	padding-top:5px;
	margin-top:20px;
}

div.bottom-right-content2
{
	float:right;
	width:12.50em;
	padding-top:5px;
}
div.bottom-right-content3
{
	float:right;
	width:12.50em;
}

div.bottom-div-padding{
	margin-left:10px;
}

div.bottom-div-padding2{
	margin-left:1px;
}

/*--- product range style (styles also used for holistic approach and tv adverts)---*/
div.product-rage-content{
	clear:both;
	padding:0px 10px 20px 0px;
}

div.product-rage-tbl
{
	clear:both;
	margin-left:1.25em;
}

.product-range-table
{
	background-color:#FFFFFF;
	width:25.44em;
}

#prod_rang_tbl td, #prod_rang_tbl th
{
	background-color:#fef2ee;
	vertical-align:top;
}

#prod_rang_tbl th{
	font: 0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color:#cd3d2a;
}

#admin_tbl
{
  font-size:0.9em;
  width:500px;
}

#admin_tbl .data
{
  padding:4px;
  border-color:#666666;
  border-style:solid;
  border-width: 1px;
  width:40px;
  text-align:center;
}

#admin_tbl .title
{
  padding:4px;
  border-color:#666666;
  border-style:solid;
  border-width:1px;
  color:#FFFFFF;
  background-color:#bc4641;
}

div.product-landing-range{
	clear:both;
	float:left;
	width: 28.50em;
	}

div.product-landing-product{
	float:left;
	
	width: 28.50em;
	background-image:url(../images/uk/bg-product-range.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top:1px solid #fff;

	}

div.year-tv{
	padding:0 2px 2px 20px;
	}
	
div.hidden{
	display:none;
	}	
	
	
div.product-landing-packshot{
	float:left;
	padding:10px 10px 10px 0px;
	width:5.5em;
	}

div.product-landing-packshot2{
	float:left;
	padding:10px 10px 10px 0px;

	}
div.product-landing-product-details
	{
	float:left;
	width:19em;
	}	

div.product-landing-product-details2
	{
	float:left;
	width:15em;
	padding-bottom:10px;
	}	

/*--- styles for contact form ---*/

div.contact-form
{
	width:23em;
	margin-top:10px;
}

div.form-row
{
	clear:both;
	padding-top:3px;
}

div.form-label
{
	float:left;
}

div.form-input
{
	float:right;
	width:14em;
}

#contactform label, #contactform input, #contactform textarea, #contactform select{
	font: 0.7em/1em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
}

input.row_input {
width:15em;
}

#contactform textarea{
	width:27em;
	height:5em;
}

/*--- privacy page and other misc pages pdding*/

div.padding {
	padding:0px 20px 30px 20px;
}

/**************--------- FONTS -----------***************/

h1 {
	font: 1.1em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color: #bc4641;
	text-align:left;
}

h2.home {
	font: 1.1em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color: #bc4641;
	text-align:left;
	margin:0;
}

h2 {
	font: 0.9em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	font-weight:bold;
	color: #bc4641;
	margin:10px 0px 5px 0px; 
}

h3 {
	font: 0.7em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	font-weight:bold;
	color: #bc4641;
	margin:10px 0px 5px 0px; 
}

p{
	font: 0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin-bottom:5px;
	color:#666666;
}

a{
	color:#ff6666;
	text-decoration: none;
	}
/*
	a:visited {color:#FF6600}
*/
	a:hover{ color:#888888; text-decoration: underline;}
	

#prod_rang_tbl td{
	font: 0.7em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
}

.red-list{
	font: 0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color:#bc4641;
	text-decoration:none;
}

div.red-list a, div.red-list a:visited, div.red-list a:active{
	color:#bc4641;
	text-decoration:none;
}

div.red-list a:hover{
	text-decoration:underline;
}
.red-list ul, li {
	padding:0px;
	margin:0px;
	list-style:none;
}

div.pain-info-copy{
	font: 0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin-bottom:5px;
	color:#666666;
	}
	
div.pain-info-copy ul{
	padding:10px 0;
	}
	
div.pain-info-copy li{
	list-style: disc;
	padding:2px 0px;
	margin-left:15px;
	}
	
div.pain-info-copy h3{
	font-size:1.2em;
	}

.sort-label	{
	font: 0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color:#666666;
	}
	
.input-seach-prod{
	font: 0.75em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color:#666666;
	margin-bottom:5px;
	}
	
	
	/*-------------Additional styles for wellbeing section-----------*/
	
div#wellbeing-content-wrapper{
	float:right;
	width:608px;
	margin-top:9px;
	} 
	
div#bg-keeping-fit{
	position:relative;
	float:left;
	width:600px;
	height:346px;
	background-image:url(../images/uk/bg_keeping_fit_landing.jpg);
	}
	
div#wb-sub-content{
	width:270px;
	}
	
div#wb-sub-content h1{
	font-size:2.25em;
	}

h1#keeping-fit{
	color:#e56c00;
}

h1#eating-well{
	color:#658d26;
}


div#wb-sub-content h2{
	color:#797979;
	}

div#wb-sub-content a, div#wb-sub-content a:hover, div#wb-sub-content a:visited{	
	color:#e56c00;
	text-decoration:none;
	margin-top:5px;
	display:block;
	padding-right:15px;
	background-image:url(../images/uk/wb-more.gif);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	}
	
div#wb-page-content{
	float:left;
	width:600px;
	}

div#wb-page-content-padding{
	float:left;
	padding-left:30px;
	}
	
div#wb-page-content h1{
	margin-top:20px;
	font-size:1.75em;
}

div#wb-page-content h2{
	color:#797979;
	clear:both;
	}
	
div#wb-page-content ul{
	color:#797979;
	font: 0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin:20px 0px;
	}

div#wb-page-content li{
	margin-left:15px;
	padding:0 10px 10px 0;
	 list-style-image:url(../images/uk/wb-more.gif);
	}
	
div#bg-eating-well{
	position:relative;
	float:left;
	width:600px;
	height:355px;
	background-image:url(../images/uk/bg_eating_well_landing.jpg);
}

div#eating_well_info{
	float:left;
	width:600px;
	padding-bottom:20px;
	clear:both;
	}
	
div#eating_well_info2{
	float:left;
	width:570px;
	padding-bottom:20px;
	clear:both;
	}
	
div#eat-less{
	float:left;
	width:280px;
	}
	
div#eat-more{
	float:right;
	width:280px;
	}
	
div#eat-less2{
	float:left;
	width:265px;
	}
	
div#eat-more2{
	float:right;
	width:265px;
	}
	

div#eating_well_info li, div#eating_well_info2 li{
	border-bottom:1px solid #9a9a9a;
	margin:5px 15px;
	}
	
div#bg-coping-with-stress{
	position:relative;
	float:left;
	width:600px;
	height:355px;
	background-image:url(../images/uk/bg_coping_with_stress.jpg);
}

h1#coping-with-stress{
	color:#45a7c7;
	}
	
div#bg-holistic-approach{
	float:left;
	width:600px;
	height:355px;
	background-image:url(../images/uk/bg_holistic_approach.jpg);
}

h1#holistic-approach{
	color:#fed043;
	}
	
div#treatments-bullets-holder{
	float:left;
	clear:both;
	}
	
div.treatments-bullets{
	float:left;
	width:150px;
	}
	
 div.treatments-bullets ul{
 	color:#797979;
	font: bold 0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin:10px 0px;
	}
	
 div.treatments-bullets li{
 	float:left;
 	clear:both;
 	}
 
 
 img#holistic-treatment{
 	float:left;
 	width:107px; 
 	margin:0px 10px 30px 0;
 	}
 	
	img#holistic-treatment2{
 	float:left;
 	width:107px; 
 	margin:0px 10px 10px 0;
 	} 	
 	
 p#holistic-treatment {
 	display:block; 
 	float:left;
 	width:420px;
 	}
 	
/*** style for rollover effect on packshot ***/

.float{
   visibility: hidden;
   position: absolute;
   left: -3000px;
   z-index: 10;
}

/*************************SOLUTION FINDER***************************/

div#solution-finder-landing{
	background:#b4b4b4 url(../images/uk/bg-solution-finder-landing.jpg) no-repeat 0 0;
	width:445px;
	height:369px;
	padding: 0px 0px 0px 5px; 
}

  div#solution-finder-landing{}
  
  
  div#solution-finder-landing h1{
  	color:#ff2f00;
  	font-size:1.5em;
  }
  
  div#solution-finder-landing h2{
  	color:#ff2f00;
  	font: bold 1em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
  }
  
  div#solution-finder-landing p{
  	color:#606060;
  	font-weight:bold;
  	margin-top:35px;
    width: 190px;
  	}
  
  div#solution-finder-landing form{
  	margin-top:45px;
  	}
  
  div#solution-finder-landing label{
  	color:#606060;
  	font: bold 0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
  }

div#solution-finder-footer{
	width:440px;
	clear:both;
	background:#e7e7e7;
	padding:5px;
}

div#solution-finder-footer a{
	display:block;
	color:#606060;
	font: bold 0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	background:url(../images/uk/arrow-solution-finder.gif) no-repeat 0 0;
	padding-left:19px;
}

div.sf-content-container{
	float:left;
	margin-left:10px;
	width: 450px;
	background-color:#f3f3f3;
}

div#sf-content-hdr{
	float:left;
	clear:both;
	width:450px;
	}
	
div#sf-content-hdr-h1{
	float:left;
	width:270px;
	padding-left:0px;
	}
	
div#sf-content-hdr-h1 h1{
	color:#ff2f00;
 font-size:17pt;
	}

div#sf-content-hdr form{
	float:right;
	background:#cccccc;
	padding:10px;
	width:145px;
	}
	
div#sf-content-sub-hdr{
	float:left;
	clear:both;
	width:450px;
	margin-bottom:15px;
	}
	
div#sf-content-sub-hdr-h2{
	float:left;
	background:#e7e7e7;
	width:275px;
	padding-left:10px;
	}

div#sf-content-sub-hdr-h2 h2{
	color:#ff9800;
	font-size:1.2em;
	}
	
div#sf-content-sub-hdr-functions{
	float:right;
	position:relative;
	width:100px;
	padding:5px 13px 0 0;
	text-align:right;
	}
	
div.pain-solution-finder{
	float:left;
	clear:both;
	width:450px;
	height:430px;
	background:#f4f4f4;
	padding-bottom:10px;
	}
	
div#top-clear{
	float:left;
	clear:both;
	}
	
	
div.pain-solution-finder h1{
	color:#ff2f00;
	font:1.5em/1.3em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin-left:5px;
	}
	
form#form-pain{
	float:right;
	background:#cccccc;
	padding:10px;
	width:145px;
	}
	
span#colour-1{
	display:block;
	float:left;
	width:25px;
	height:20px;
	background:#fafca6;
	margin-right:5px;
}

span#colour-2{
	display:block;
	float:left;
	width:25px;
	height:20px;
	background:#f4fa32;
	margin-right:5px;
}

span#colour-3{
	display:block;
	float:left;
	width:25px;
	height:20px;
	background:#f7d209;
	margin-right:5px;
}

span#colour-4{
	display:block;
	float:left;
	width:25px;
	height:20px;
	background:#faa700;
	margin-right:5px;
}

span#colour-5{
	display:block;
	float:left;
	width:25px;
	height:20px;
	background:#fa8000;
	margin-right:5px;
}

span#colour-6{
	display:block;
	float:left;
	width:25px;
	height:20px;
	background:#fa5800;
	margin-right:5px;
}

div.sf-answer-row{
	clear:both;
	margin-bottom:3px;
	}
	
div#diag-frame{
	float:left;
	clear:both;
	width:275px;
	padding-left:5px;
	}
	
div#diag-frame label{
	font: 0.75em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	}	
	

	
div.sf-product-wrapper{
	float:left;
	clear:both;
	margin:0 10px 20px 12px;
	}
	
div.sf-packshot{
	float:left;
	text-align:center;
	width:100px;
	padding-top:5px;
	}

div.sf-product-copy{
	float:left;
	width:265px;
	padding-right:5px;
	}

div.sf-product-copy h2{
	margin:0;
	padding:0;
	 clear:both;
}

div#solution-finder-results-landing{
	width:450px;
	position:relative;
	padding-bottom:5px; 
}
	
div.sf-product-copy h2, div.sf-product-copy p{
	float:left;
	clear:both;
	width:265px;
	}
	
	
ul#sf-pain-ani-ul{
	position:relative;
	width:215px;
	height:260px;
	top:0;
	left:200px;
	}
	
li#sf-pain-ani-1{
	position:absolute;
	top:14px;
	left:33px;
	}
	
li#sf-pain-ani-2{
	position:absolute;
	top:50px;
	left:38px;
	}	
	
li#sf-pain-ani-3{
	position:absolute;
	top:70px;
	left:38px;
	}

li#sf-pain-ani-4{
	position:absolute;
	top:110px;
	left:38px;
	}	
	
li#sf-pain-ani-5{
	position:absolute;
	top:130px;
	left:38px;
	}
	
li#sf-pain-ani-6{
	position:absolute;
	top:65px;
	left:149px;
	}
	
li#sf-pain-ani-7{
	position:absolute;
	top:71px;
	left:143px;
	}
	
li#sf-pain-ani-8{
	position:absolute;
	top:80px;
	left:145px;
	}
	
li#sf-pain-ani-9{
	position:absolute;
	top:110px;
	left:148px;
	}
	
li#sf-pain-ani-10{
	position:absolute;
	top:235px;
	left:157px;
	}
	
/****************************************************************/
/******************** NEW HOMEPAGE AUG 07 ***********************/
/****************************************************************/

div#home-main-feature{
	background-color: #e7e7e7;
	float:left;
	clear:both;
	width:760px;
	height:364px;
	background:url(../images/uk/bg-home-main-feature.jpg) no-repeat 0px 50px;
	}
	
	
div#home-main-feature-wrapper{
	margin:0 auto;
	width:471px;
  height: auto;
}



ul#home-main-feature-elements{
	margin:5px auto 0 auto;
	clear:both;
	width:480px;
	height:226px;
	position:relative;
  z-index: 0;
}

li#home-main-feature-element-1{
	position:absolute;
	top:120px;
	left:45px;
	z-index:2;
	}
	
li#home-main-feature-element-2{
	position:absolute;
	top:60px;
	left:280px;
	z-index:2;
	}
	
li#home-main-feature-element-3{
	position:absolute;
	top:105px;
	left:-40px;
	z-index:2;
	}
	
li#home-main-feature-element-4{
	position:absolute;
	top:160px;
	left:200px;
	z-index:3;
	}
	
li#home-main-feature-element-5{
	position:absolute;
	top:60px;
	left:100px;
	z-index:3;
	}

li#home-main-feature-element-6{
	position:absolute;
	top:60px;
	left:380px;
	z-index:1;
	}
	
li#home-main-feature-element-7{
	position:absolute;
	top:50px;
	left:200px;
	z-index:3;
	}

div#bg-home-main-feature-tab{
	background:url(../images/uk/bg-home-main-feature-tab.png) no-repeat 0 0;
	width:441px;
	height:279px;
	padding:0 15px 0 15px;
}

a#home-main-feature-btn-close{
	float:right;
	margin-top:10px;
	color:#ea2d2d;
	font:bold 0.75em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
}

div#home-main-feature-content{
	float:left;
	width:230px;
	}

div#home-main-feature-content h2{
	color:#ea2d2d;
	font:bold 1.2em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	clear:both;
	}
	
img#home-sf-body{
	float:right;
	margin-top:10px;
	}
	
img#home-packshots{
	float:right;
	margin:20px 10px 0 0;
	}
	
ul#home-main-feature-nav{
	clear:both;
	width:628px;
	margin:0px auto 0 auto;
}

h2#hdr-home-main-feature-nav{
	float:left;
	clear:both;
	font:bold 0.63em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	text-transform:uppercase;
	color:#666666;
	padding-left:30px;
}

ul#home-main-feature-nav li{
	float:left;
	}
	
div#homepage-features{
	float:left;
	clear:both;
	width:760px;
	padding:10px 0;

	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#e7e7e7;
	text-align:center;
}

div#homepage-features h2{
	float:left;
	clear:both;
	padding-left:30px;
	font:bold 0.63em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	text-transform:uppercase;
	color:#666666;
}

div#homepage-features ul{
	list-style:none;
	/* float:left; */
	clear:both;
	width:625px;
	padding:0;
	margin: 0 auto;
	}
	
ul#home-latest-features li{
	float:left;
	width:125px;
	}
	
ul#home-latest-features img{
	float:left;
	clear:both;
	}

div#home-site-nav{
	float:left;
	clear:both;
	width:760px;
	background:url(../images/uk/bg-home-site-nav.gif) repeat-x 0 0;
	padding:5px 0;

}

div#home-site-nav h2{
	float:left;
	clear:both;
	padding-left:30px;
	font:bold 0.63em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	text-transform:uppercase;
	color:#666666;
}

ul#home-site-nav-ul{
	float:left;
	clear:both;
	width:760px;
	padding-left:30px;
	}
	
li.home-site-nav-level-1{
	float:left;
	clear:both;
	width:710px;
	margin-bottom:5px;
	}
	
 a.home-site-nav-level-1-a,  a.home-site-nav-level-1-a:hover, a.home-site-nav-level-1-a:visited{
	float:left;
	font:bold 0.69em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color:#333333;

	}
	
ul.home-site-nav-level-2{
	float:left;
	color:#6b6a6a;
	}
	
ul.home-site-nav-level-2 li{
	float:left;
	margin-left:10px;
	font:bold 0.69em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color:#6b6a6a;
	}
	
ul.home-site-nav-level-2 li span {
	margin-left: 5px;
}
	
ul.home-site-nav-level-2 li a, ul.home-site-nav-level-2 li a:hover, ul.home-site-nav-level-2 li a:visited{
	color:#6b6a6a;
	}