/* Lemsip Global Stylesheet */
/* Fullsix Ltd London */
/* nnipah@fullsix.com */

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

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


   /*************************/
  /* WRAPPER AROUND SITE DUE TO BANNER AD */
 /*************************/
#banner_wrapper {width: 900px; #width: 900px; _width: 910px; margin:auto;}
#page_banner {float:left;width:760px;}
#banner_right {float:right;width:128px;padding-top: 137px;}








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

html, body, div, img, h1, h2, h3, h4, h5, h6, p, span, form, input, select,textarea{
	margin:0;
	padding:0;
	}
	
html{
	height:100%;
	}
	
body{
	height:100%;
	background:#00783b url(../images/bg-body.jpg) repeat-x 0 0;
	}

img{
	border:0;
	}
	
div.clear{
	clear:both;
	}
	
a {
	outline:0;
	}
  
a.product
  {
  color:#ffff07;
  }

div#page-wrapper{
	width:775px;
	height:100%;
	margin:0 auto;
	position:relative;
	}
	
div#bg-content{
	background:url(../images/bg-main.png) no-repeat 0 0;
	width:683px;
	padding:35px 45px 0 35px;
	min-height:350px; _height:350px;
}

h1{
	color:#fff;
	font:bold 1.63em/2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
}

h2{
	color:#fff;
	font:bold 1.3em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin-bottom:5px;
}

h3{
	color:#fff;
	font:bold 1.2em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin-bottom:5px;
}

h3 a{
	color:#fff;
	text-decoration:none;
	}
	
h4{
	color:#fff;
	font:bold 0.88em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin-bottom:5px;
}
	
p{
	color:#fff;
	font:0.81em/1.3em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin-bottom:5px;
}

table th {
	color:#fff;
	font:bold 0.88em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
}

table td {
	color:#fff;
	font:0.81em/1.3em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
}

p a{
	color:#ffff07;
	}
  
p.indent
  {
  margin:0px auto auto 15px;
  }
	
ul#ul-copy{
	color:#fff;
	font:0.81em/1.3em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin:0 0 15px 15px;
	list-style-type:disc;	
	padding:0;
}

#remedy_title
  {
  color:#fefc1f;
  font:bold 1.3em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin-bottom:5px;
  font-style:italic;
  }
  
.remedy_subtitle
  {
  color:#fefc1f;
  font:bold 1.0em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	margin-bottom:5px;
  font-weight:bold;
  }  
  
.remedy_button
  {
  background-color:#CCCCCC;
  font:0.9em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
  height:26px;
  margin-top:10px;
  width:80px;
  }
	
/**********************************/
/************ HEADER **************/
/**********************************/

div#header{
	float:left;
	font-size:1.4em;
	font-weight:bold;
	clear:both;
	width:775px;
	height:120px;
	z-index:100;
	position:relative;
	margin-top:-5px;
	}
	
div#header h2 a{
	display:block;
	position:absolute;
	top:0;
	left:25px;
	text-indent:-9999px;
	background:url(../images/logo-lemsip.png) no-repeat 0 0;
	width:196px;
	height:131px;
	cursor:pointer;
}

div#header h3{
	position:absolute;
	top:50px;
	left:225px;
	text-indent:-9999px;
	background:url(../images/hdr-all-you-need.gif) no-repeat 0 0;
	width:186px;
	height:22px;
}
	
div#menu{
	float:right;
	z-index:100;
	}

div#bg-top-nav-right{
	float:right;
	width:145px;
	height:31px;
	background:url(../images/bg-top-nav-right.png) no-repeat 0 0;
	z-index:100;
  margin-right:10px;
	}
	
/****************/
/**** TOP NAV ***/
/****************/

div#menu {
	}
	
/* remove all the bullets, borders and padding from the default list styling */
div#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}

div#menu ul ul {
	width:149px;
	}
	
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
div#menu li {
	float:left;
	width:149px;
	position:relative;
	}
/* style the links for the top level */

div#menu a, div#menu a:visited {
	display:block;
	text-decoration:none; 
	color:#ffff07; 
	width:139px; 
	height:25px; 
	background-color:#005129;
	padding-top:5px;
	_padding-bottom:1px;
	padding-left:10px;
	
	}
	
div#menu li.lvl1 {
	border-bottom:1px solid #0f6a00;
}

div#menu li#nav-left {
	width:11px;
}
	
/* a hack so that IE5.5 faulty box model is corrected */
* html div#menu a, * html div#menu a:visited {
	width:149px;
	w\idth:139px;
	}

/* style the second level background */
div#menu ul ul a.drop, div#menu ul ul a.drop:visited {
	background:#337454;
	border-bottom:1px solid #005129;
	}
	
div#menu ul ul a.ie6, div#menu ul ul a#ie6:visited {
	_border-top:1px solid #005129;
}

/* style the second level hover */
div#menu ul ul a.drop:hover{
	background:#337454;
	color:#ffff07;
	border-bottom:1px solid #005129;
	}

div#menu ul ul :hover > a.drop {
	background:#337454;
	color:#ffff07;
	border-bottom:1px solid #005129;
	}

/* style the third level background */
div#menu ul ul ul a, div#menu ul ul ul a:visited {
	background:#5aa27e;
	border-bottom:1px solid #005129;
	}
	
a.last, a.last:visited a.last:hover{
	border-bottom:none !important;
	}
	
/* style the third level hover */
div#menu ul ul ul a:hover {
	background:#5aa27e;
	border-bottom:1px solid #005129;
	}
div#menu ul ul ul :hover > a {
	background:#5aa27e;
	border-bottom:1px solid #005129;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
div#menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0; 
	width:149px;
	}
/* another hack for IE5.5 */
* html div#menu ul ul {
	top:30px;
	t\op:31px;
	}

/* position the third level flyout menu */
div#menu ul ul ul{
	left:149px; 
	top:0;
	width:149px;
	}

/* position the third level flyout menu for a left flyout */
div#menu ul ul ul.left {
	left:-149px;
	}

/* style the table so that it takes no part in the layout - required for IE to work */
div#menu table {position:absolute; top:0; left:0;}

/* style the second level links */
div#menu ul ul a, div#menu ul ul a:visited {
	background:#337454; 
	color:#ffff07; 
	height:auto; 
	padding:5px 10px; 
	width:129px
	/* yet another hack for IE5.5 */
	}
* html div#menu ul ul a{
	width:149px;
	w\idth:129px;
	}

/* style the top level hover */
div#menu a:hover, div#menu ul ul a:hover{
	color:#ffff07; 
	background:#337454;
	}

div#menu :hover > a, div#menu ul ul :hover > a {
	color:#ffff07;
	background:#337454;
	}

/* make the second level visible when hover on first level list OR link */
div#menu ul li:hover ul, div#menu ul a:hover ul{
	visibility:visible; 
	}

/* keep the third level hidden when you hover on first level list OR link */
div#menu ul :hover ul ul{
	visibility:hidden;
	}

/* keep the fourth level hidden when you hover on second level list OR link */
div#menu ul :hover ul :hover ul ul{
	visibility:hidden;
	}

/* make the third level visible when you hover over second level list OR link */
div#menu ul :hover ul :hover ul{ 
	visibility:visible;
	}

/* make the fourth level visible when you hover over third level list OR link */
div#menu ul :hover ul :hover ul :hover ul { 
	visibility:visible;
	}

span.links{
	font:0.75em/1.3em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	}
	
div#menu ul ul ul ul a {
	background-color:#337454 !important;
}

/* bottom of nav img styles */
div#menu li.last1 {
	background:url(../images/bg-nav-btm-level-2.png) bottom left no-repeat;
	padding-bottom:11px;
}

div#menu li.last2 {
	background:url(../images/bg-nav-btm-level-1.png) bottom left no-repeat;
	padding-bottom:11px;
}


/**********************************/
/************ FOOTER **************/
/**********************************/

div#footer{
	clear:both;
	width:763px;
	min-height:70px;
	background:url(../images/bg-footer.gif) repeat-y 0 0;
	border-bottom:1px solid #097c43;
	}
	
div#footer-top{
	background:url(../images/footer-top.gif) no-repeat 0 0;
	width:763px;
	height:23px;
	}
	
div#footer ul{
	float:left;
	margin:0 0 0 20px; _margin:0 0 0 10px;
	padding:0;
	}
	
div#footer ul li{
	float:left;
	padding:10px 15px 5px 15px;
	list-style:none;
	font:0.75em/1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	color:#fff;
	background:url(../images/bg-footer-li.gif) no-repeat right 12px;
	}
	
div#footer ul li a{
	color:#ffff07;
	text-decoration:none;
	}

div#footer ul li#footer-last{
	background-image:none;
	}
	
div#footer h3{
	float:right;
	margin-right:30px;
	text-indent:-9999px;
	background:url(../images/hdr-footer-all-you-need.gif) no-repeat 0 0;
	width:96px;
	height:39px;	
	}
	
div#launched {
	color:#fff;
	font-family:trebuchet ms, Arial, Helvetica, sans-serif;
	font-size:.6em;
	float:right;
	margin:32px -95px 0 0;
}
	
/*******************************************/
/********** PAGE CONTENT SCROLL ************/
/*******************************************/

div#content-display-lemmie{
	position:absolute;
	top:200px;
	left:470px;
	background:url(../images/content-lemie-img.png) no-repeat 0 0;
	width:190px;
	height:170px;
	}
	
div#content-display-lemmie-links{
	position:absolute;
	top:100px;
	left:470px;
	background:url(../images/lemmy7.png) no-repeat 0 0;
	width:160px;
	height:160px;
	}	

div#scroll-content-wrapper{
		/* The total width of the scrolling div including scrollbar */
	}

div#scroll-content-parent{
		width:500px;	/* Width of the scrolling text */
		height:1000px;
		overflow:hidden;
		float:left;
		position:relative;
	}
	
	/*
	CSS for the scrolling content 
	*/
div#scroll-contnent{
	position:relative;
	width:470px;
	float:left;
	}
	
	/*
	The scrollbar slider 
	*/
div#scroll-slider{
	width:15px;
	margin-left:2px;

	float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
div#scroll-scrollbar{
	margin-left:3px;
	width:18px;
	/* Total height - 40 pixels */
	background:url(../images/bg-scroller.png) no-repeat 0 0;
	position:relative;
	}
	/*
	The scrollbar handle
	*/
div#scroll-icon{
	margin:4px;
	width:10px;
	height:1px;
	background-color:#ffff07;
	position:absolute;	
	top:0;
	left:0;
	cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
div#btn-scroll-up, div#btn-scroll-down{
	width:23px;
	height:22px;
	cursor:pointer;
	}
	
div#btn-scroll-up{
	margin-bottom:2px;
	}
	
div#btn-scroll-down{
	margin-top:2px;
	}


/*******************************************/
/*************** FAQ PAGE ******************/
/*******************************************/

#faq p {
	padding-bottom:10px;
}



/******************************************/
/********** TV ADVERTS PAGE ***************/
/******************************************/

ul#tv-advert-ul{
	float:left;
	clear:both;
	width:520px;
	}
	
ul#tv-advert-ul li{
	float:left;
	clear:both;
	list-style:none;
	width:520px;
	margin-bottom:20px;
	}
	
ul#tv-advert-ul li ul{
	float:left;
	clear:both;
	list-style:none;
	width:520px;
	}
	
a#tv-advert-img{
	float:left;
	margin-right:35px;
	}


ul#ul-year{
	list-style:none;
	width:520px;
	clear:both;
}

ul#ul-year li{
	float:left;
	}


/*******************************************/
/************* PRODUCTS ********************/
/*******************************************/

ul#product-landing-ul{
	list-style:none;
	float:left;
	clear:both;
	position:relative;
}
	
ul#product-landing-ul li{
	display:inline;
}
	
ul#product-landing-ul2{
	list-style:none;
	clear:both;
}
	
ul#product-landing-ul2 li{
	display:inline;
	float:left;
}
	
/**********************/
/**** PRODUCT PAGE ****/	
/**********************/

div#product-wrapper-top{
	background:url(../images/bg-product-wrapper-top.png) no-repeat 0 0;
	float:left;
	clear:both;
	position:relative; 
	width:706px;
	height:34px;
	}
	
div#product-wrapper-btm{
	background:url(../images/bg-product-wrapper-btm.png) no-repeat 0 0;
	float:left;
	clear:both;
	width:706px;
	height:26px;
	}
	
div#bg-product-wrapper{
	background:url(../images/bg-product-wrapper.png) repeat-y 0 0;
	float:left;
	clear:both;
	width:706px;
	min-height:325px; _height:325px; height:325px;
	}
	
div#product-wrapper{
	float:left;
	clear:both;
	padding:0 30px;
	position:relative;
	}
	
div#product-wrapper h1{
	color:#005e30;
	font-size:1.13em;
	line-height:1.13em;
	width:330px;
	}
	
div#product-wrapper h2{
	color:#005e30;
	font-size:0.88em;
	width:330px;
	}
	
div#product-wrapper p{
	color:#000;
	width:330px;
	}
	
a#btn-need-something-stronger{
	display:block;
	text-indent:-9999px;
	width:195px;
	height:19px;
	background:url(../images/btn-need-something-stronger.gif) no-repeat 0 0;
	margin-bottom:5px;
	}

div#product-packshot-holder{
	width:300px;
	top:20px;
	left:390px;>left:355px;
	position:absolute;
	}
  
	
div#product-packshot-holder-2{
	width:300px;
	top:30px;
	left:350px;
	position:absolute;
	}
	
div#product-packshot-holder h3{
	margin:20px 0 0 190px;
	width:130px;
	color:#005e30;
	font:bold 0.75em/1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	text-align:center;
	}
	
ul#product-packshot-ul{
	position:relative;
	width:10px;
	height:10px;
	list-style:none;
	}
	
 ul#product-packshot-ul .landscape{
	margin-top: 10px;>margin-top: 20px;
	margin-left:10px;
	}

	
li#main-packshot{
	position:absolute;
	top:0;
	left:-10px;
}

li#packshot-thumb-1{
	position:absolute;
	top:40px;
	left:170px;
}

li#packshot-thumb-2{
	position:absolute;
	top:70px;
	left:200px;
}

a#btn-product-back{
	display:block;
	text-indent:-9999px;
	position:absolute;
	left:610px;
	top:20px;
	background:url(../images/btn-back.gif) no-repeat 0 0;
	width:47px;
	height:20px;
	z-index:10;
}

.contains {
	font-size:.7em;
}

.legal {
	font-size:.7em;
}

.contains_content {
  font-size:1.2em;
}


/******************************************/
/************* HOMEPAGE *******************/
/******************************************/
div#bg-homepage-content{
	float:left;
	clear:both;
	width:762px;
	background:url(../images/bg-homepage-content.png) no-repeat 0 0;
}

#warning {
	font-size:0.7em;
	margin:0;
	padding:0 0 0 300px !important;
}

div#homepage-content-btm{
	float:left;
	clear:both;
	background:url(../images/homepage-content-btm.png) no-repeat 0 0;
	width:762px;
	height:32px;
	z-index:0;
	}
	
div#homepage-content{
	float:left;
	clear:both;
	width:762px;
	position:relative;
	}
	
div#homepage-content h2{
	text-indent:-9999px;
	width:613px;
	height:344px;
	z-index:1;
	background:url(../images/home-main-vis.png) no-repeat 0 100%;
	position:absolute;
	top:102px;
	left:183px;
	}
	
div#home-content-positioner{
	float:left;
	clear:both;
	width:360px;
	padding:55px 0 0 45px;
	}

div#home-content-positioner h1{
	background:url(../images/hdr-new-lsm-all-in-1-lem.png) no-repeat 0 0;
	width:300px;
	height:40px;
	text-indent:-9999px;
	float:left;
	clear:both;
	z-index:2;
	padding:0;
	margin:0;
	font-size:1em;
	}
	
div#home-content-positioner h3{
	background:url(../images/hdr-for-complete-care.gif) no-repeat 0 0;
	width:189px;
	height:30px;
	text-indent:-9999px;
	float:left;
	clear:both;
	z-index:2;
	padding:0;
	margin:15px 0;
	}
	
div#home-content-positioner p{
	float:left;
	clear:both;
	width:250px;
	color:#394941;
	z-index:2;
	padding-bottom:10px;
	}
	
/*a#homepage-callout-allinone1{
	display:block;
	float:left;
	width:210px;
	height:62px;
	background:url(../images/callout-take-all-in-one.png) no-repeat 0 0;
	text-indent:-9999px;
	z-index:50;
	margin:-95px 0 0 40px !important; margin-left:20px;
	position:relative;
	cursor:pointer;
}*/

#calloutCon  {display: block; text-align: center; margin: 0px 20px 0px 20px;}
  #calloutCon .callout  {margin: auto; display: inline;}
    #calloutCon .callout a  {cursor: pointer; display: inline-block; width: 210px; height: 56px; z-index: 51; margin: 0px 10px 0px 0px; padding: 0px;}

      #calloutCon .callout a#hp_callout_allinone  {background: url(../images/callout-take-all-in-one.png) no-repeat 0 0;}
        #calloutCon .callout a#hp_callout_allinone:hover {background: url(../images/callout-take-all-in-one_active.png) no-repeat 0 0;}

      #calloutCon .callout a#hp_callout_germ {background: url(../images/callout_germ.png) no-repeat 0 0;}
        #calloutCon .callout a#hp_callout_germ:hover {background: url(../images/callout_germ_active.png) no-repeat 0 0;}
  
      #calloutCon .callout a#hp_callout_ad {background: url(../images/callout_ad.png) no-repeat 0 0;}
        #calloutCon .callout a#hp_callout_ad:hover {background: url(../images/callout_ad_active.png) no-repeat 0 0;}

  
div#callout_allinone {
  float:left;
  width:210px;
  margin-left:40px;
  #margin-left: 40px;
  _margin-left: 20px;
}


div#callout_competition {
  float:left;
  width:210px;  
  margin-left:10px;  
}

a#hp_callout_competition {
	display:block;
	width:210px;
	height:62px;
	background:url(../images/callout_competition.png) no-repeat 0 0;
	z-index:52;
	cursor:pointer;
}

a#hp_callout_competition:hover {
	display:block;
	width:210px;
	height:62px;
	background:url(../images/callout_competition_active.png) no-repeat 0 0;
	cursor:pointer;
}

div#callout_ad {
  float:left;
  width:210px;
  height:56px;
  margin-left:10px;  
}



div#callout_mug {
  float:left;
  width:210px;
  height:56px;
  margin-left:130px;
  #margin-left: 130px;
  _margin-left: 75px;
  margin-top:-10px; 
}

a#hp_callout_mug {
	display:block;
	width:210px;
	height:62px;
	background:url(../images/callout_mug.png) no-repeat 0 0;
	z-index:53;
	cursor:pointer;
}

a#hp_callout_mug:hover {
	display:block;
	width:210px;
	height:62px;
	background:url(../images/callout_mug_active.png) no-repeat 0 0;
	cursor:pointer;
}


div#callout_germ {
  float:left;
  width:210px;
  height:62px;
  margin-left:90px;
  #margin-left: 90px;
  _margin-left: 70px;
  margin-top:-10px; 
}



/******************************************/
/****** Cold/Flu Differences Table ********/
/******************************************/

table#differ {
	margin:20px 0;
	width:600px;
}

col#c1 {
	width:50%;
}

col#c2 {
	width:25%;
}

col#c3 {
	width:25%;
}

table#differ th {
	padding:0 0 10px 5px;
	text-align:left;
}

table#differ td {
	padding:3px 5px;
}

table#differ td#symptoms {
	font-weight:bold;
	padding:20px 5px 10px 5px;
}


/******************************************/
/*********** Satnav COMPETITION ***********/
/******************************************/

h1.competition {
  color:#e8e006;
	font:bold 1.8em/2.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
  line-height:1.4em;
  margin-bottom:8px;
}

.errortitle {
  color:#FFCCCC;
  font:bold 1.2em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
  margin-bottom:5px;
  font-weight:bold;
}

.error {
  color:#FFCCCC;
  font:bold .8em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
  margin-bottom:5px;
}

.errorinput {
  background-color:#FFCCCC;
}

div#bg-content-competition{
	background:url(../images/bg-competition.png) no-repeat 0 0;
	width:683px;
	padding:35px 45px 0 35px;
	min-height:350px; _height:350px;
}

div#bg-content-competition p{
  margin-bottom:15px;
}

  div#bg-content-competition #comp-top{
    width:480px;
  }
  

#competition_form {
  font:.8em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
  color:#FFFFFF;
}

  #competition_form #competition_form_content {
    float:left;
    width:400px;
  }
  
  #competition_form #competition_form_image {
    float:right;
    padding-top:20px;
  }
  
  #competition_form #competition_form_top {
    margin-bottom:20px;
  }

  #competition_form #competition_form_left {
    float:left;
    width:250px;
  }
  
  #competition_form #competition_form_right {
    float:left;
  }
    
  #competition_form .title {
    color:#fefc1f;
    font:bold 1.0em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
  	margin-bottom:5px;
    font-weight:bold;
  }  
  
  #competition_form .title_question {
    color:#fefc1f;
    font:bold 1.3em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
  	margin-bottom:5px;
    font-weight:bold;
  }  
    
  #competition_form .button {
    background-color:#CCCCCC;
    font:0.9em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
    height:26px;
    margin-top:10px;
  }
  
  #competition_form .data {
    color:#FFFFFF;
    font:0.9em 'trebuchet ms', arial, verdana, helvetica, sans-serif;
    font-weight:bold;
  }
  
#friends {
  margin-top:10px;
}

  #friends #friends_left {
    float:left;
    width:250px;
  }
  
  #friends #friends_right {
    float:left;
  }

#addinfo {
  font-size:1.2em;
  margin-top:10px;
}

#terms_and_conditions {
  color:#FFFFFF;
  padding:10px;
  font:0.9em 'trebuchet ms', arial, verdana, helvetica, sans-serif;  
}

   /******************/
  /* FREE MUG PAGES */
 /******************/
h1.yellow {color: #e8e006;}
ol#freemug  {font-family: trebuchet ms, arial, verdana, helvetica, sans-serif; font-size: .9em; color: #FFFFFF;}
  ol#freemug li  {margin-bottom: 5px;}
    ol#freemug li a  {color: #ffff07;}
.floatLeftPad  {float: left; margin: 0px 10px 10px 0px;}
.floatRightPad  {float: right; margin: 0px 0px 10px 10px;}

#frmarea {color: #FFFFFF; font-family: trebuchet ms, arial, verdana, helvetica, sans-serif; font-size: .9em;}

.fmLeftCol  {float: left; width: 321px; margin: 0px 10px 0px 0px;}
.fmRightCol  {float: left; width: 352px; margin: 0px 0px 0px 0px;}
p.smallText  {font-size: .7em;}

.title {color: #e8e006;}

   /*************************/
  /* GERM ETIQUETTES PAGES */
 /*************************/
#ge_top_left {display: block; float: left; margin-right: 15px;} 
#ge_top_right {display: block; float: right;}
sup.ge {font-size: .7em;}
.emphasise {color: #ebe424; font-weight: bold; font-size: 18px;}
ol#germ_etiquette {margin-top: 30px;}
ol#germ_etiquette li {color:#ebe424;	font:bold 1.3em 'trebuchet ms', arial, verdana, helvetica, sans-serif; line-height: .7em; margin-bottom: 8px;}
ol#germ_etiquette .ol_content {color:#fff;	font:14px 'trebuchet ms', arial, verdana, helvetica, sans-serif;}
ol#germ_etiquette #bottom_image {margin-top: 10px; margin-left:10px; float:right;}


   /***************/
  /* TRANSCRIPTS */
 /***************/
#transcript-wrapper {padding:5px;}
table.transcripts {width:580px;}
  table.transcripts td {padding: 10px;border:1px solid #FFFFFF;vertical-align:top;}