/*!
 * Bootstrap v2.0.4
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.panadol article,
.panadol aside,
.panadol details,
.panadol figcaption,
.panadol figure,
.panadol footer,
.panadol header,
.panadol hgroup,
.panadol nav,
.panadol section{ display:block}

html{ font-size:100%;  -webkit-text-size-adjust:100%;  -ms-text-size-adjust:100%}

.panadol a:focus{ outline:thin dotted #333;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px}

.panadol a:hover,
.panadol a:active{ outline:0}

.panadol img{ max-width:100%;  vertical-align:middle;  border:0;  -ms-interpolation-mode:bicubic}

.container button,
.container input,
.container select,
.container textarea{ margin:0;  font-size:100%;  vertical-align:middle}

.container button::-moz-focus-inner,
.container input::-moz-focus-inner{ padding:0;  border:0}

.panadol button,
.panadol input[type="button"],
.panadol input[type="reset"],
.panadol input[type="submit"]{ cursor:pointer;  -webkit-appearance:button}

.panadol textarea{ overflow:auto;  vertical-align:top}

.clearfix{ *zoom:1}

.clearfix:before,
.clearfix:after{ display:table;  content:""}

.clearfix:after{ clear:both}

[class*="span"]{ float:left;  margin-left:20px}

.container{ margin-right:auto;  margin-left:auto;  *zoom:1}

.container:before,
.container:after{ display:table;  content:""}

.container:after{ clear:both}

.panadol p{ margin:0 0 9px}

h1, h2, h3, h4, h5, h6{ margin:0;  font-family:inherit;  font-weight:bold;  color:inherit;  /*text-rendering:optimizelegibility 954755*/ }

h1{ font-size:30px;  line-height:36px}

h2{ font-size:24px;  line-height:36px}

h3{ font-size:18px;  line-height:27px}

h4,
h5,
h6{ line-height:18px}

h4{ font-size:14px}

h5{ font-size:12px}

h6{ font-size:11px;  color:#999;  text-transform:uppercase}

.panadol ul,
.panadol ol{ padding:0;  margin:0 0 9px 25px}

.panadol ul ul,
.panadol ul ol,
.panadol ol ol,
.panadol ol ul{ margin-bottom:0}

.panadol ul{ list-style:disc}

.panadol ol{ list-style:decimal}

.panadol li{ line-height:18px}

.panadol strong{ font-weight:bold}

.panadol em{ font-style:italic}

.panadol blockquote{ padding:0 0 0 15px;  margin:0 0 18px;  border-left:5px solid #eee}

.panadol form{ margin:0 0 18px}

.panadol fieldset{ padding:0;  margin:0;  border:0}

.panadol label,
.panadol input,
.panadol button,
.panadol select,
.panadol textarea{ font-size:13px;  font-weight:normal;  line-height:18px}
.panadol label{ /*display:block;*/  margin-bottom:5px}

.input-small{ width:90px!Important}

.panadol textarea{ height:auto}

.panadol textarea, 
.panadol input[type="text"],
.panadol input[type="password"],
.panadol input[type="datetime"],
.panadol input[type="datetime-local"],
.panadol input[type="date"],
.panadol input[type="month"],
.panadol input[type="time"],
.panadol input[type="week"],
.panadol input[type="number"],
.panadol input[type="email"],
.panadol input[type="url"],
.panadol input[type="search"],
.panadol input[type="tel"],
.panadol input[type="color"],
.uneditable-input{ background-color:#fff;  border:1px solid #ccc;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}

.panadol textarea:focus,
.panadol input[type="text"]:focus,
.panadol input[type="password"]:focus,
.panadol input[type="datetime"]:focus,
.panadol input[type="datetime-local"]:focus,
.panadol input[type="date"]:focus,
.panadol input[type="month"]:focus,
.panadol input[type="time"]:focus,
.panadol input[type="week"]:focus,
.panadol input[type="number"]:focus,
.panadol input[type="email"]:focus,
.panadol input[type="url"]:focus,
.panadol input[type="search"]:focus,
.panadol input[type="tel"]:focus,
.panadol input[type="color"]:focus,
.uneditable-input:focus{ border-color:rgba(82,168,236,0.8);  outline:0;  outline:thin dotted \9;  /* IE6-9 */ -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}

.panadol input[type="radio"],
.panadol input[type="checkbox"]{ margin:3px 0;  *margin-top:0;  /* IE7 */ line-height:normal;  cursor:pointer}

.panadol input[type="submit"],
.panadol input[type="reset"],
.panadol input[type="button"],
.panadol input[type="radio"],
.panadol input[type="checkbox"]{ width:auto}

.uneditable-textarea{ width:auto;  height:auto}

.panadol select,
.panadol input[type="file"]{ height:28px;  /* In IE7,the height of the select element cannot be changed by height,only font-size */ *margin-top:4px;  /* For IE7,add top margin to align select with labels */  line-height:28px}

.panadol select{  width:220px;   border:1px solid #bbb}

.panadol select:focus,
.panadol input[type="file"]:focus,
.panadol input[type="radio"]:focus,
.panadol input[type="checkbox"]:focus{  outline:thin dotted #333;   outline:5px auto -webkit-focus-ring-color;   outline-offset:-2px}

.radio,
.checkbox{  min-height:18px;   padding-left:18px}

.radio input[type="radio"],
.checkbox input[type="checkbox"]{  float:left;   margin-left:-18px}

.controls >.radio:first-child,
.controls >.checkbox:first-child{  padding-top:5px}

.radio.inline,
.checkbox.inline{  display:inline-block;   padding-top:5px;   margin-bottom:0;   vertical-align:middle}

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline{  margin-left:10px}

.panadol input[class*="span"],
.panadol select[class*="span"],
.panadol textarea[class*="span"]{  float:none;   margin-left:0}

.panadol input:focus:required:invalid:focus,
.panadol textarea:focus:required:invalid:focus,
.panadol select:focus:required:invalid:focus{  border-color:#e9322d;   -webkit-box-shadow:0 0 6px #f8b9b7;      -moz-box-shadow:0 0 6px #f8b9b7;           box-shadow:0 0 6px #f8b9b7}

:-moz-placeholder{  color:#999}

:-ms-input-placeholder{  color:#999}

::-webkit-input-placeholder{  color:#999}

.input-prepend .btn{  margin-right:-1px}

.form-inline input,
.form-horizontal input,
.form-inline textarea,
.form-horizontal textarea,
.form-inline select,
.form-horizontal select,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-inline .input-append,
.form-horizontal .input-append{  display:inline-block;   *display:inline;   margin-bottom:0;   *zoom:1}

.form-inline .hide,
.form-horizontal .hide{  display:none}

.form-inline label{  display:inline-block}

.form-inline .input-append,
.form-inline .input-prepend{  margin-bottom:0}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox{  padding-left:0;   margin-bottom:0;   vertical-align:middle}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"]{  float:left;   margin-right:3px;   margin-left:0}

.control-group{  margin-bottom:9px}

.panadol legend+.control-group{  margin-top:18px;   -webkit-margin-top-collapse:separate}

.form-horizontal .control-group{  margin-bottom:18px;   *zoom:1}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after{  display:table;   content:""}

.form-horizontal .control-group:after{  clear:both}

.form-horizontal .control-label{  float:left;   width:140px;   padding-top:5px;   text-align:right}

.form-horizontal .controls{  *display:inline-block;   *padding-left:20px;   margin-left:160px;   *margin-left:0}

.form-horizontal .controls:first-child{  *padding-left:160px}

.form-horizontal .help-block{  margin-top:9px;   margin-bottom:0}

.form-horizontal .form-actions{  padding-left:160px}         

.panadol table{  max-width:100%;   border-collapse:collapse;   border-spacing:0 }

.table{  width:100%;   margin-bottom:18px}

.table th,
.table td{  padding:8px;   line-height:18px;   text-align:left;   vertical-align:top;   border-top:1px solid #ddd}

.table th{  font-weight:bold}

.table thead th{  vertical-align:bottom}

.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td{  border-top:0}

.table tbody+tbody{  border-top:2px solid #ddd}

.table-condensed th,
.table-condensed td{  padding:4px 5px}

.table-bordered{  border:1px solid #ddd;   border-collapse:separate;   *border-collapse:collapsed;   border-left:0;   -webkit-border-radius:4px;      -moz-border-radius:4px;           border-radius:4px}

.table-bordered th,
.table-bordered td{  border-left:1px solid #ddd}

.table-bordered caption+thead tr:first-child th,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+tbody tr:first-child td,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td{  border-top:0}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child{  -webkit-border-top-left-radius:4px;           border-top-left-radius:4px;   -moz-border-radius-topleft:4px}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child{  -webkit-border-top-right-radius:4px;           border-top-right-radius:4px;   -moz-border-radius-topright:4px}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child{  -webkit-border-radius:0 0 0 4px;      -moz-border-radius:0 0 0 4px;           border-radius:0 0 0 4px;   -webkit-border-bottom-left-radius:4px;           border-bottom-left-radius:4px;   -moz-border-radius-bottomleft:4px}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child{  -webkit-border-bottom-right-radius:4px;           border-bottom-right-radius:4px;   -moz-border-radius-bottomright:4px}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th{  background-color:#f9f9f9}

.table tbody tr:hover td,
.table tbody tr:hover th{  background-color:#f5f5f5}

.panadol table .span1{  float:none;   width:44px;   margin-left:0}

.panadol table .span2{  float:none;   width:124px;   margin-left:0}

.panadol table .span3{  float:none;   width:204px;   margin-left:0}

.panadol table .span4{  float:none;   width:284px;   margin-left:0}

table .span5{  float:none;   width:364px;   margin-left:0}

.panadol table .span6{  float:none;   width:444px;   margin-left:0}

.panadol table .span7{  float:none;   width:524px;   margin-left:0}

.panadol table .span8{  float:none;   width:604px;   margin-left:0}

.panadol table .span9{  float:none;   width:684px;   margin-left:0}

.panadol table .span10{  float:none;   width:764px;   margin-left:0}

.panadol table .span11{  float:none;   width:844px;   margin-left:0}

.panadol table .span12{  float:none;   width:924px;   margin-left:0}

.panadol table .span13{  float:none;   width:1004px;   margin-left:0}

table .span14{  float:none;   width:1084px;   margin-left:0}

.panadol table .span15{  float:none;   width:1164px;   margin-left:0}

.panadol table .span16{  float:none;   width:1244px;   margin-left:0}

.panadol table .span17{  float:none;   width:1324px;   margin-left:0}

.panadol table .span18{  float:none;   width:1404px;   margin-left:0}

.panadol table .span19{  float:none;   width:1484px;   margin-left:0}

.panadol table .span20{  float:none;   width:1564px;   margin-left:0}

.panadol table .span21{  float:none;   width:1644px;   margin-left:0}

.panadol table .span22{  float:none;   width:1724px;   margin-left:0}

.panadol table .span23{  float:none;   width:1804px;   margin-left:0}

.panadol table .span24{  float:none;   width:1884px;   margin-left:0}

[class^="icon-"],
[class*="icon-"]{  display:inline-block;   width:14px;   height:14px;   *margin-right:.3em;   line-height:14px;   vertical-align:text-top;   background-image:url("clientlibs_green/img/glyphicons-halflings.png");  background-position:14px 14px;  background-repeat:no-repeat}

.close{ float:right;  font-size:20px;  font-weight:bold;  line-height:18px;  color:#000;  text-shadow:0 1px 0 #fff;  opacity:0.2;  filter:alpha(opacity=20)}

.close:hover{ color:#000;  text-decoration:none;  cursor:pointer;  opacity:0.4;  filter:alpha(opacity=40)}

.panadol button.close{ padding:0;  cursor:pointer;  background:transparent;  border:0;  -webkit-appearance:none}

.btn{ display:inline-block;  *display:inline;  padding:4px 10px 4px;  margin-bottom:0;  *margin-left:.3em;  font-size:13px;  line-height:18px;  *line-height:20px;  color:#333;  text-align:center;  text-shadow:0 1px 1px rgba(255,255,255,0.75);  vertical-align:middle;  cursor:pointer;  background-color:#f5f5f5;  *background-color:#e6e6e6;  background-image:-ms-linear-gradient(top,#fff,#e6e6e6);  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));  background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);  background-image:-o-linear-gradient(top,#fff,#e6e6e6);  background-image:linear-gradient(top,#fff,#e6e6e6);  background-image:-moz-linear-gradient(top,#fff,#e6e6e6);  background-repeat:repeat-x;  border:1px solid #ccc;  *border:0;  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);  border-color:#e6e6e6 #e6e6e6 #bfbfbf;  border-bottom-color:#b3b3b3;  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;  filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff',endColorstr='#e6e6e6',GradientType=0);  filter:progid:dximagetransform.microsoft.gradient(enabled=false);  *zoom:1;  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);  box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled]{ background-color:#e6e6e6;  *background-color:#d9d9d9}

.btn:active,
.btn.active{ background-color:#ccc \9}

.btn:first-child{ *margin-left:0}

.btn:hover{ color:#333;  text-decoration:none;  background-color:#e6e6e6;  *background-color:#d9d9d9;  /* Buttons in IE7 don't get borders,so darken on hover */ background-position:0 -15px;  -webkit-transition:background-position 0.1s linear;  -moz-transition:background-position 0.1s linear;  -ms-transition:background-position 0.1s linear;  -o-transition:background-position 0.1s linear;  transition:background-position 0.1s linear}

.btn:focus{ outline:thin dotted #333;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px}

.btn.active,
.btn:active{ background-color:#e6e6e6;  background-color:#d9d9d9 \9;  background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}

.btn.disabled,
.btn[disabled]{ cursor:default;  background-color:#e6e6e6;  background-image:none;  opacity:0.65;  filter:alpha(opacity=65);  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none}

.btn-large{ padding:9px 14px;  font-size:15px;  line-height:normal;  -webkit-border-radius:5px;  -moz-border-radius:5px;  border-radius:5px}

.btn-mini{ padding:2px 6px;  font-size:11px;  line-height:14px}

.btn-success,
.btn-success:hover,{ color:#fff;  text-shadow:0 -1px 0 rgba(0,0,0,0.25)}

.btn-success.active{ color:rgba(255,255,255,0.75)}

.btn{ border-color:#ccc;  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25)}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled]{ background-color:#05c;  *background-color:#004ab3}

.btn-primary:active,
.btn-primary.active{ background-color:#004099 \9}

.btn-success{ background-color:#5bb75b;  *background-color:#51a351;  background-image:-ms-linear-gradient(top,#62c462,#51a351);  background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));  background-image:-webkit-linear-gradient(top,#62c462,#51a351);  background-image:-o-linear-gradient(top,#62c462,#51a351);  background-image:-moz-linear-gradient(top,#62c462,#51a351);  background-image:linear-gradient(top,#62c462,#51a351);  background-repeat:repeat-x;  border-color:#51a351 #51a351 #387038;  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);  filter:progid:dximagetransform.microsoft.gradient(startColorstr='#62c462',endColorstr='#51a351',GradientType=0);  filter:progid:dximagetransform.microsoft.gradient(enabled=false)}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled]{ background-color:#51a351;  *background-color:#499249}

button.btn,
input[type="submit"].btn{ *padding-top:2px;  *padding-bottom:2px}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner{ padding:0;  border:0}

.nav{ margin-bottom:18px;  margin-left:0;  list-style:none}

.nav >li >a{ display:block}

.nav >li >a:hover{ text-decoration:none;  background-color:#eee}

.nav >.pull-right{ float:right}

.navbar{ *position:relative;  *z-index:2;  margin-bottom:18px;  overflow:visible}

.navbar-inner{ min-height:40px}

.navbar .container{ width:auto}

.nav-collapse.collapse{ height:auto}

.navbar{ color:#999}

.navbar .brand:hover{ text-decoration:none}

.navbar .brand{ display:block;  float:left;  padding:8px 20px 12px;  margin-left:-20px;  font-size:20px;  font-weight:200;  line-height:1;  color:#999}

.navbar .navbar-text{ margin-bottom:0;  line-height:40px}

.navbar .navbar-link{ color:#999}

.navbar .navbar-link:hover{ color:#fff}

.navbar .btn,
.navbar .btn-group{ margin-top:5px}

.navbar-form{ margin-bottom:0;  *zoom:1}

.navbar-form:before,
.navbar-form:after{ display:table;  content:""}

.navbar-search{ position:relative;  float:left;  margin-top:6px;  margin-bottom:0}

.navbar-search .search-query{ padding:4px 9px;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:13px;  font-weight:normal;  line-height:1;  color:#fff;  background-color:#626262;  border:1px solid #151515;  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);  box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);  -webkit-transition:none;  -moz-transition:none;  -ms-transition:none;  -o-transition:none;  transition:none}

.navbar-search .search-query:-moz-placeholder{ color:#ccc}

.navbar-search .search-query:-ms-input-placeholder{ color:#ccc}

.navbar-search .search-query::-webkit-input-placeholder{ color:#ccc}

.navbar-search .search-query:focus,
.navbar-search .search-query.focused{ padding:5px 10px;  color:#333;  text-shadow:0 1px 0 #fff;  background-color:#fff;  border:0;  outline:0;  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);  -moz-box-shadow:0 0 3px rgba(0,0,0,0.15);  box-shadow:0 0 3px rgba(0,0,0,0.15)}

.navbar-fixed-top{ position:fixed;  right:0;  left:0;  z-index:1030;  margin-bottom:0}

.navbar-fixed-top .navbar-inner{ padding-right:0;  padding-left:0;  -webkit-border-radius:0;  -moz-border-radius:0;  border-radius:0}

.navbar-fixed-top .container{ width:940px}

.navbar-fixed-top{ top:0}

.navbar .nav{ position:relative;  left:0;  display:block;  float:left;  margin:0 10px 0 0}

.navbar .nav.pull-right{ float:right}

.navbar .nav >li{ display:block;  float:left}

.navbar .nav >li >a{ text-decoration:none}

.navbar .nav >li >a:hover{ text-decoration:none;  background-color:transparent}

.navbar .nav.pull-right{ margin-right:0;  margin-left:10px}

.label,
.badge{ font-size:10.998px;  font-weight:bold;  line-height:14px;  color:#fff;  text-shadow:0 -1px 0 rgba(0,0,0,0.25);  white-space:nowrap;  vertical-align:baseline;  background-color:#999}

.label{ padding:1px 4px 2px;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}

.pull-right{ float:right}

.pull-left{ float:left} 

.hide{ display:none}

.show{ display:block} 

html{overflow-y:scroll}

.panadol input:focus,a:focus {     
    outline: 0; 
} 
::-moz-focus-inner {border:0;}

body{ padding-top:49px; /* 60px to make the container go all the way to the bottom of the topbar */ background:none transparent;  font-family:Arial;  font-size:100%;  line-height:16px;  margin:0 auto;  max-width:1360px;  min-width:980px}

/* Main Defaults */
.page-title{font-family:"HelveticaNeueW01-Thin", Arial !important; font-weight:normal; font-size:3.8em; line-height:0.85em; color:#fff; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; zoom:1}
.roman{font-family:"Times New Roman", Arial}
h1, h2{font-size:1.4em; line-height:1.4em; font-weight:normal}

.left{float:left}   
.right{float:right}
   
.section-background{background:#fff}       

/* .section-background .non-javascript{background:url('en_AE/images/backgrounds/Homepage_1460x820a.jpg')}  */

  
   
.panadol  li{line-height:1.2em} 
  
.clear{clear:both}

.green{color:#067a1f !important}
.blue{color:#005fbb !important}
.loader {width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; z-index: 0;margin:-100px 0 0 -100px}
.loader img {position: absolute;}

.anchor-bottom{position:absolute; bottom:0px;}


/*.verticalscroller .page-subtitle,
.verticalscroller .page-title{min-width: 460px;}*/

/* Header Section */
.navbar-inner{max-width:1360px; min-width:980px; margin:0 auto; background:#fff; height:50px; -webkit-box-shadow: 0 5px 7px -7px black; -moz-box-shadow:0 5px 7px -7px black; box-shadow: 0 5px 7px -7px black; filter:none;}
.navbar-inner .container{width:100% !important; height:100%;position: relative;}
.navbar-inner nav{text-align: center; width: 100%;height:50px; position: absolute;}
.navbar-inner .nav{/*left:22%; */width:820px; float: none; display: inline-block;} 
.navbar .nav >li{background:url("en_AE/images/header-sep.png") no-repeat center left; margin-top:5px}
.navbar .nav >li.first{background:none}
.navbar .nav >li >a{text-shadow:none; color:#000; padding:10px 15px 15px 15px; text-transform:uppercase; font-family:"HelveticaNeueW01-75Bold", Arial; font-size:0.625em}
header .navbar .nav .active >a:focus, header .navbar .nav >li >a:focus, header .navbar .nav .active >a:hover, header .navbar .nav >li >a:hover{text-decoration:underline;  color:#067a1f; text-decoration:underline}

.navbar .nav .active >a, header .navbar .nav .active >a:hover{text-decoration:none; color:#067a1f; background:none}
.navbar-search{margin-top:14px!Important; z-index: 1;}
.navbar-search .search-query:focus, .navbar-search .search-query.focused,
.navbar-search .search-query{background-color:#f2f2f2; border:1px solid #ccc; color:#999; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:0.688em; font-weight:normal; line-height:16px; padding:0px 9px; -webkit-border-radius:10px;    -moz-border-radius:10px;    border-radius:10px;    width:125px;    margin-bottom:0; height:16px}
.btn-img{width:19px}
.navbar-search .search-query:focus, .navbar-search .search-query.focused{background:#fff; color:#999}
/* Added for latest css files */
.forum-search {clear:both}
.forum-search label {display:block;}

.globe{margin:14px 0 0 6px}
.nav-right{margin-right:20px}
a#light-magazine-link{text-indent:-9999px; background:url("en_AE/images/light-magazine.png") no-repeat 15px 12px; display:block; width:105px}
a#light-magazine-link:hover{background-color:#067a1f; background-position:15px -172px}
.brand{color:#999; display:block; position:fixed; top:0; z-index:1035; line-height:1; width:113px; height:107px; padding:0 !important; margin:0 !important;}
.brand img {border:0px;}
.ie6 .brand{position: absolute;}

.feedback-holder{width:100%; float:none; margin:23% auto 0 auto;  position:absolute; z-index:100}
.feedback-holder .page-title{width:100%; color:#fff; font-family:"HelveticaNeueW01-Thin", Arial !important; margin:0 auto; text-transform:none !important; font-size:1.666em !important; text-align:center; line-height:1.25em}
.feedback-holder .page-title a{color:#fff; text-decoration:underline}

.ie8 .navbar-inner{border-bottom: 1px solid #ececec;}
.ie8 .footer-content {border-top: 1px solid #ececec }

.overlay{width:100%; height:100%; top:0; z-index:2; position:absolute; display:block;  background-color:rgba(0,0,0,0.5);}

.ie6 .overlay,
.ie7 .overlay,
.ie8 .overlay,
.ie9 .overlay{background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);}


/*.ie7 .overlay {display:none !important}*/
/*
.ie7 #country-bg2 {display:none !important}
.ie7 #country-bg1 {background-image: url('en_AE/images/panadol-bg-ie7.png')}
.ie7 #viewport {}*/


.section-country,
.section-non-js {min-height: 566px;}
.section-non-js .feedback-holder{margin-top: 18%;}

.footer-country .footer-links{margin-left:37%}
.footer-country .footer-wrap{position: absolute; bottom:auto;}


.cover-pane{height:480px}

/* Default Body Section */
section{width:100%; height:100%; position:relative;  /*min-height:566px;*/ background-color:#fff}  
section .container{max-width:1320px}
section .container .body-left{width:43%; float:left; position:absolute; z-index:2; margin-left:20px; height:100%; padding:20px; min-width:400px; max-width:800px}

section .container .body-right{width:460px; float:right; position:relative; z-index:2; margin-right:2%; padding-bottom:50px;} 

.scroller{overflow-y:scroll; overflow-x:hidden; height:100%}

.scroller.ios {overflow-y:scroll; overflow-x:hidden;  -webkit-overflow-scrolling: touch;}
.pod.ios {transform: translateZ(0) !important;
    -webkit-transform : translateZ(0) !important;
    -o-transform : translateZ(0) !important;
    -moz-transform : translateZ(0) !important;
    -webkit-backface-visibility: hidden}


section .container .body-left .page-subtitle{float:right; width:60%; top:50px; color:#fff; text-align:right; font-family:"HelveticaNeueW01-55Roma", Arial; clear:both; position:relative}

section .container .body-left .page-subtitle h2{ color:#fff; display:inline; float:right; clear:both; text-align: right; padding:8px 15px 10px 15px; background-color:rgba(0,0,0,0.7);} 
section .container .body-left .page-subtitle .read-link{color:#fff; margin-top:50px; font-family:"HelveticaNeueW01-55Roma", Arial; font-size:0.750em; clear:both; display:block; float:right; width: 100%;}
section .container .body-left .page-subtitle .read-link .small{font-size:0.9em}
section .container .body-left .page-subtitle .read-link .roman{font-family:"Times New Roman", Arial; font-size:1.333em}
section .container .body-left .page-subtitle .read-link .green{font-style:italic}

section .container .body-left .page-subtitle .link-content{font-size:1.25em}

.ie7 section .container .body-left .page-subtitle h2, 
.ie8 section .container .body-left .page-subtitle h2{background:url("en_AE/images/pod-link-ie.png");}     
  
/*default background homepage*/
/*section.section-background .page-subtitle h2{width:300px}
section.section-background .page-subtitle{text-align:right; margin:0}
*/
section.section-background{min-height:700px}
section.section-background .page-subtitle {margin-top: 70px; float: right}

section.section-background .container .body-left .page-title{text-align:right; text-shadow: 0 0 10px #000; }

/*default background maintenance*/
.centre{text-align:center}
.white{color:white}
#viewport-background .maintenance, .ie6 #viewport-background {height:520px}

/*ie6 page */
.ie6 #viewport {height:520px}
.ie6 .footer-wrap {position:absolute;}
.ie6 .feedback-holder{position:absolute;margin:0 auto;top:50%}
.ie6 .navbar {margin-bottom:0px}
.ie6 #viewport-background {background-image:url('en_AE/images/panadol-ie6-bg.jpg');height:600px;min-height:600px}
.ie6 .footer-wrap {position:relative}
.ie6 .brand {width:200px;height:200px}


.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}

.clearfix{display:inline-block}

html[xmlns] .clearfix{display:block}  

* html .clearfix{height:1%} 

/* default background classes */ 
/*section.section-lightmagazine   #viewport{background-image:url("en_AE/images/backgrounds/Contact_1460x820a.jpg");    height:490px}*/
/* section.section-all-products    #viewport{background-image:url("en_AE/images/backgrounds/Contact_1460x820a.jpg");    height:490px} */
/*section.section-find-your-panadol #viewport{background-image:url("en_AE/images/backgrounds/Contact_1460x820a.jpg");  height:490px}*/
  
section.section-country         .background{background-image:url("en_AE/images/backgrounds/bg-2.jpg"); padding:0}  
section.section-content         .background{background-image:url("en_AE/images/backgrounds/backgrounds/bg-7.jpg")}
section.section-sitemap         .background{background-image:url("en_AE/images/backgrounds/backgrounds/bg-7.jpg")}
section.section-content-lead    .background{background-image:url("en_AE/images/backgrounds/backgrounds/bg-8.jpg")} 
section.section-forum           .background{background-image:url("en_AE/images/backgrounds/backgrounds/bg-forum.jpg"); background-attachment:fixed}
section.section-form            .background{background-image:url("en_AE/images/backgrounds/backgrounds/bg-9.jpg")}
section.section-search          .background{background-image:url("en_AE/images/backgrounds/backgrounds/SearchResults.jpg")}
section.section-product         .background{background-color: #f0f0f0; background-image:url("en_AE/images/backgrounds/backgrounds/bg-4.jpg")}  
 
#viewport{background-repeat:no-repeat !important; background-position:top left; background-attachment:scroll;  -webkit-background-size:cover;  -moz-background-size:cover;  -o-background-size:cover;  background-size:cover}
   
/* Section Styles */ 
/* Light Magazine */ 
.section-lightmagazine .body-left{color:#fff; padding:0 !important; width:460px; margin:10px 0px 0 20px !important}
.section-lightmagazine .body-right{margin-right:0 !important; width:460px !important; z-index:2; margin-top:10px}
.section-lightmagazine .page-title{margin-top:50px}
.section-lightmagazine .page-title,
.section-lightmagazine .page-title a{color:#000; letter-spacing:-1px !important; text-align:right; font-size:1.5em; font-family:"HelveticaNeueW01-55Roma", Arial; font-weight:normal }
.section-lightmagazine .page-title a strong{font-size:0.5em !important; font-family:"HelveticaNeueW01-75Bold", Arial; font-weight:normal}
.section-lightmagazine .page-title a .green{color:#22974d}
.section-lightmagazine .page-title a .small{font-size:0.7em}
.section-lightmagazine .page-title a .roman{font-weight:normal}
.section-lightmagazine .page-headline{font-size:3.5em; font-family:"HelveticaNeueW01-Thin", Arial; line-height:62px; margin-top:10px; text-align:right; width:80%; float:right; color: #000; text-shadow: 0 0 10px #FFFFFF}
.section-lightmagazine .page-subtitle{float:right; text-align: right; top:0px !important; margin-top: 70px;}
.section-lightmagazine .page-subtitle h1{font-size:1.25em; line-height:1.1em; color:#fff; font-weight:normal;}
.section-lightmagazine .page-subtitle span{background:#067A1F; color:#fff; padding:0 6px 3px 6px; line-height:1.2em}
.section-lightmagazine .read-link{float:right; margin-top:10px; text-align:right; font-weight:normal;  font-size:1.25em; font-family:"HelveticaNeueW01-55Roma", Arial;  width: 100%;}
.section-lightmagazine .read-link a{color: #067A1F; background-color:#fff !important;    padding: 3px 15px 3px 3px !important; }
.section-lightmagazine .read-link .arrow{ background: url("en_AE/images/arrow.png") no-repeat scroll 100% 14px;}
.section-lightmagazine .forum h2{margin-top:0} 

.ie9 .section-lightmagazine .page-subtitle{filter:none;}


/* Country Selection */ 
.section-country{}
.section-country .body-left{width:48% !important}
.section-country .body-left h2.page-title{color:#fff; font-family:"HelveticaNeueW01-Thin", Arial!important; font-size:3.88em; margin-top:0.5em}
.section-country .page-title strong{font-family:"HelveticaNeueW01-55Roma", Arial; font-weight:normal}
section.section-country .container .body-left .page-subtitle{color:#fff !important; margin-top:1em !important; text-align:left !important; float:none !important; width:100% !important; top:0}

#country-list{width:80%; list-style:none; float:right;  background-color:rgba(0,0,0,0.5);}
#country-list li{}
#country-list li a{display:block; font-family:"HelveticaNeueW01-55Roma", Arial; padding:3% 0 3% 8%; width:92%; color:#6a6868; text-transform:uppercase; font-size:1.4em; background-position:95% 50% !important; line-height:1.2em}
#country-list li a:hover{background-color:#067A1F; color:#fff; text-decoration:none}

.ie9 #country-list{filter:none;}   
   
/*     
.ie7 #country-list,
.ie8 #country-list{background: url("en_AE/images/backgrounds/pod-link-ie.png")}*/

/* All Products Section */
.section-all-products{}
.section-all-products .body-left{color:#fff; padding:0 !important; width:460px !important; margin:10px 20px 0 20px !important;}
body .section-all-products .body-right{margin-right:0 !important; z-index:2; margin-top:10px; float:right}
.section-all-products .page-title{position:absolute; bottom:200px; padding-left:50px;  font-size: 3.5em; text-shadow: 0 0 10px #000; text-align:right}
.section-all-products .page-title,
.section-all-products .page-title a{color:#fff}
.section-all-products .pod-link{background:none; width:80%; top:0}
/* .section-all-products .pod-link-bottom-left{background:none; width:90%; height:auto} */
.section-all-products .pod div span{float:left; margin:0; color:#fff}
.section-all-products .col-right{right:0}
.section-all-products .blue a{color:#005fbb !important}
.section-all-products .green a{color:#067a1f !important}
.section-all-products .blue .arrow{background-position:100% 101%}
.section-all-products .green .arrow{background-position:100% -3.25%}
.section-all-products .lead-unit h2{font-size:2.6em !important; line-height:1em; font-family:"HelveticaNeueW01-Thin", Arial}
.section-all-products .pod-link,
.section-all-products .pod-link-bottom-left{filter:none}
.section-all-products .anchor-bottom{bottom:1px; margin-bottom:0 !important}

body .section-all-products .lead-unit .pod-link-bottom-left{height:160px}
body .section-all-products .hero-unit .pod-link-bottom-left{height:100px}
body .section-all-products .sub-hero .pod-link-bottom-left{height:30px}

.ie7 .section-all-products .pod-link,
.ie7 .section-all-products .pod-link-top-left,
.ie7 .section-all-products .pod-link-top-right,
.ie7 .section-all-products .pod-link-bottom-left,
.ie7 .section-all-products .pod-link-bottom-right,
.ie8 .section-all-products .pod-link,
.ie8 .section-all-products .pod-link-top-left,  
.ie8 .section-all-products .pod-link-top-right,
.ie8 .section-all-products .pod-link-bottom-left,
.ie8 .section-all-products .pod-link-bottom-right{/*background:none !important; 954755*/ } 

/* Find Your Panadol Section */
.section-find-your-panadol{}
.section-find-your-panadol .body-left{color:#fff; padding:0 !important; width:460px !important; margin:10px 20px 0 20px !important}
body .section-find-your-panadol .body-right{margin-right:0 !important; z-index:2; margin-top:10px; float:right}
.section-find-your-panadol .page-title{position:absolute; bottom:20px; padding-left:50px; padding-right:20px; background-position:100% 46%; font-size: 3.5em; text-shadow: 0 0 10px #000;}
.section-find-your-panadol .col-right{right:0}
.section-find-your-panadol .pod-link,
.section-find-your-panadol .pod-link-bottom-left,
.section-find-your-panadol .pod-link-bottom-right,
.section-find-your-panadol .pod-link-top-left,
.section-find-your-panadol .pod-link-top-right{}
.section-find-your-panadol .hero{width:100%; height:311px}
.section-find-your-panadol .hero:hover{border:0; margin:0}

/*todo AL in here*/


.section-find-your-panadol  a:focus .hero,.section-find-your-panadol  a:active .hero,.section-find-your-panadol  a:hover .hero
{
    outline: 0;
    outline:1px solid #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.ie7 .section-find-your-panadol  a:focus .hero,.ie7 .section-find-your-panadol  a:active .hero,.ie7 .section-find-your-panadol  a:hover .hero
{
    border:1px solid white;
    cursor: hand;
    cursor: pointer;
     margin:-1px;

}



.section-find-your-panadol a .hero{color:#fff}

/* Content Section */
.section-content .page-subtitle span{background:#067A1F; color:#FFF; display:inline; line-height:1.4em; padding:3px 6px}
.section-content .body-right{background:#fff}
.section-content .body-right .col-left, .section-content .body-right .col-right{float:left; width:46%; margin:0 2%}
.section-content .social-interaction-bar{padding:5px; margin-bottom:20px;  background-color:#067a1f; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#067a1f,endColorstr=#067a1f)"!important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#067a1f,endColorstr=#067a1f) !important;}
.section-content .page-title{color:#000000}
.section-content .page-subtitle {margin-top: 50px; float: right; text-align: right}
.section-content .page-subtitle h2{line-height:1.1em !important}
.section-content .pod-full{margin:0 2% 20px 2%; width:96%; float:left}
.section-content .pod a{color:#067A1F; display:inline}
.section-content .pod-content h2, .pod ul.key-facts-bullet li{color:#067A1F; font-family:"HelveticaNeueW01-55Roma", Arial; }
.section-content .pod-content h3{color:#067A1F; font-size:0.75em}
.section-content .pod-content strong{font-family:arial; font-weight:bold}
.section-content .pod-content p{margin-bottom:15px}
.section-content .pod-type-clear{background:none !important; filter:none}
.section-content .pod-type-clear a,
.section-content .pod-type-green a{color:#fff}
.section-content .pod-type-green{width:96%; padding:2%}
.section-content .content-image{border-bottom:5px #067A1F solid}
.section-content img.primary,
.section-content .pod:hover img.primary{border-bottom:10px #067A1F solid; padding-bottom:10px; margin-bottom:10px}
.section-content .pod ul{list-style:disc outside; color:#067A1F; margin:0 0 15px 15px}
.section-content .pod ul li{font-size:0.75em}

.section-sitemap .page-subtitle span{background:#067A1F; color:#FFF; display:inline; line-height:1.4em; padding:3px 6px}
.section-sitemap .body-right{background:#fff}
.section-sitemap .body-right .col-left, .section-sitemap .body-right .col-right{float:left; width:46%; margin:0 2%}
.section-sitemap .social-interaction-bar{padding:5px; margin-bottom:20px;  background-color:#067a1f; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#067a1f,endColorstr=#067a1f)"!important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#067a1f,endColorstr=#067a1f) !important;}
.section-sitemap .page-title{color:#000000}
.section-sitemap .page-subtitle {margin-top: 50px; float: right; text-align: right}
.section-sitemap .page-subtitle h2{line-height:1.1em !important}
.section-sitemap .pod-full{margin:0 2% 20px 2%; width:96%; float:left}
.section-sitemap .pod a{color:#067A1F; display:inline}
.section-sitemap .pod-content h2, .pod ul.key-facts-bullet li{color:#067A1F; font-family:"HelveticaNeueW01-55Roma", Arial; }
.section-sitemap .pod-content h3{color:#067A1F; font-size:0.75em}
.section-sitemap .pod-content strong{font-family:arial; font-weight:bold}
.section-sitemap .pod-content p{margin-bottom:15px}
.section-sitemap .pod-type-clear{background:none !important; filter:none}
.section-sitemap .pod-type-clear a,
.section-sitemap .pod-type-green a{color:#fff}
.section-sitemap .pod-type-green{width:96%; padding:2%}
.section-sitemap .content-image{border-bottom:5px #067A1F solid}
.section-sitemap img.primary,
.section-sitemap .pod:hover img.primary{border-bottom:10px #067A1F solid; padding-bottom:10px; margin-bottom:10px}
.section-sitemap .pod ul{list-style:none; color:#067A1F; margin:0 0 15px 15px}

.section-sitemap .pod ul {
    color: #067A1F;
    list-style: none outside none;
    margin: 0 0 0px 15px;
} 

    
.section-sitemap  .nav li a:hover {
    background-color: #EEEEEE;
    text-decoration: none;
}


.section-sitemap .body-right {padding-top:20px}


/* Section Content Lead */
.section-content-lead{}
.section-content-lead .page-headline{ text-align:right;}
.section-content-lead .page-headline h1{text-shadow: 0 0 10px #000;}
.section-content-lead .page-subtitle{margin-top:70px}
.section-content-lead .page-subtitle span{background:#067A1F; color:#FFF; display:inline; line-height:1.4em; padding:3px 6px}
.section-content-lead .container .body-left{}
.section-content-lead .pod-link, .section-content-lead .pod-link-bottom-left, .section-content-lead .pod-link-bottom-right, .section-content-lead .pod-link-top-left, .section-content-lead .pod-link-top-right{width:92%; padding:2% 4%}
.section-content-lead .hero-unit .pod-link, .section-content-lead .hero-unit .pod-link-bottom-left, .section-content-lead .hero-unit .pod-link-bottom-right, .section-content-lead .hero-unit .pod-link-top-left, .section-content-lead .hero-unit .pod-link-top-right{width:auto !important; padding:8px 12px}

.section-content-lead .pod .pod-block-link{background:#067A1F; display:block; margin:8px 0 -0px -9px !important; padding:8px 0 8px 8px; font-size:0.733em; width:212px}

.comment{float:right; font-weight:bold; padding:5px; font-size:0.933em; text-decoration: none; color: #fff; text-shadow: 0 0}
.comment:hover{text-decoration: underline; color: #fff;}

/* Section Forum */
/*.section-forum{min-height:700px}*/
.section-forum .page-title,
.section-forum .page-subtitle,
.section-forum .page-subtitle span{color:#fff; padding:0; text-align:right; text-shadow: 0 0 10px #000;}
.section-forum .page-subtitle{margin-top:70px; float:right;}
.section-forum .page-subtitle span{background:#067A1F; color:#fff; padding:3px 6px; display:inline; float:right; clear:both}

.section-forum .page-subtitle h2 {
    line-height: 1.1em !important;
}
.section-forum .page-title span{text-transform:uppercase; font-size:0.55em; display:block; line-height:0.85em}
.section-forum .body-right{background:#fff}
.section-forum .body-right .pod-forum{padding:2% !important; width:96%}
.section-forum .body-right .pod-forum .navbar-search{margin-top:0; float:none}
.section-forum .body-right .pod-forum form.add-comment{background:#fff  none; border:0; margin-bottom:0; padding-bottom:10px;  width:440px}
.section-forum .body-right .comment-entry{margin:10px 0 0 0; border-bottom:1px solid #ccc}
.section-forum .body-right .forum-entry{border-bottom:1px solid #ccc;  padding-bottom:10px; padding-top:10px; width:440px}
.section-forum .body-right img{margin-right:10px}
.section-forum .body-right .forum-entry a.flag,
.section-forum .body-right .forum-entry a.thread{float:right}
.section-forum .body-right .forum-entry h2{font-family:"HelveticaNeueW01-77BdCn 692722", Arial; color:#067A1F; font-weight:normal; margin-bottom:3px; line-height: 0.9em !important;}
.section-forum .body-right .forum-entry h2 a {color:#067A1F; text-decoration:none!Important}
.section-forum .body-right .forum-entry h2 a:hover {text-decoration:underline!Important}
.section-forum .body-right .forum-entry h2 a:focus {text-decoration:underline!Important}
.section-forum .body-right .forum-entry p{margin-bottom:0; font-size:0.688em}
.section-forum .body-right .forum-entry p span{float:right}
.section-forum .body-right .forum-entry a.thread{width:27px; height:22px; display:block; background:url("en_AE/images/backgrounds/thread.png") no-repeat top center}
.section-forum .body-right .forum-entry a.live{background-position:bottom}
.section-forum .body-right .forum-entry a:hover{text-decoration:none}
.section-forum .body-right .forum-entry a.flag{width:17px; height:15px; background:url("en_AE/images/backgrounds/alert.png") no-repeat center; margin:3px 5px}
.comment-entry .input-xlarge{margin-bottom:0}



/* Form styles */
/* Section Forum */
.section-form{}
.section-form .page-title,
.section-form .page-subtitle,
.section-form .page-subtitle span{color:#fff; padding:0; text-align:right; width:100%}
.section-form .page-subtitle {
    color: #fff !important;
    float: right;
    margin-top: 70px;
    top: 0 !important;
    min-width: 50px!important;
    
}

.section-form .page-title{text-shadow: 0 0 10px #000;}
.section-form .page-title span{text-transform:uppercase; font-size:0.55em; display:block}
.section-form .body-right{background:#e6e6e6}
.section-form .body-right .pod-form{padding:6% !important; width:88%}
.section-form .body-right .pod-form fieldset{border-bottom:1px dotted #a2a3a4; margin-bottom:16px; padding-top:10px; padding-bottom:10px; margin-top: 10px;}
.section-form .body-right .pod-form input,
.section-form .body-right .pod-form select{font-size:1.333em; padding:7px; font-family:"HelveticaNeueW01-47LtCn 692686", Arial}
.section-form .body-right .pod-form select{height:2em; line-height:2em; padding-left:4px !important}
.ie9 .section-form .body-right .pod-form select{height:2.2em}
.section-form .body-right .pod-form option{font-family:"HelveticaNeueW01-47LtCn 692686", Arial}
.section-form .body-right .pod-form .input-medium{}
.section-form .body-right .pod-form .input-large{width:41%; padding-right: 4%;}
.section-form .body-right .pod-form .input-xxlarge{width:93.75%; padding-right: 4%;} 
.section-form .body-right .pod-form input.required{background:#fff url("en_AE/images/required.png") no-repeat 97% 115%}
.section-form .body-right .pod-form .input-xxlarge.required{background-position:98.5% 115%}
.panadol  legend{ margin-top:18px; margin-bottom:0; color:#067a1f; text-transform:uppercase; font-family:"HelveticaNeueW01-67MdCn 692710", Arial}

.section-form .body-right .pod-form input::-webkit-input-placeholder {line-height: 1.6em}

.warning{background-color:#e1fce7 !important; border:#067a1f solid 2px !important; color:#067a1f !important;  background-position:97% -3% !important}
.label-success{background:#067a1f; font-family:"HelveticaNeueW01-47LtCn 692686", Arial; font-weight:normal; font-size:1.2em!important; min-height:50px; white-space:normal; line-height:20px}

legend+.control-group{margin-top:0px}

.section-form .body-right .pod-form label {display:inline-block;}

.section-form .body-right .pod-form .float-left {width: 47%;float:left;margin-right:1%;}
.section-form .body-right .pod-form .float-right {width: 47%;float:right;}

.section-form .body-right .pod-form input.input-large {width:166px;margin-right:1%}
.section-form .body-right .pod-form .controls {width:100%}


 

.comment-entry .input-xlarge{margin-bottom:0}

/* Green Background */
.section-find-your-panadol .pod-link,
.section-find-your-panadol .pod-link-bottom-left,
.section-find-your-panadol .pod-link-bottom-right,
.section-find-your-panadol .pod-link-top-left,
.section-find-your-panadol .pod-link-top-right,
.section-content .social-interaction-bar,
.section-content .pod-type-green{    background:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2N2ExZiIgc3RvcC1vcGFjaXR5PSIwLjYyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjdhMWYiIHN0b3Atb3BhY2l0eT0iMC42MiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);  background:-moz-linear-gradient(top, rgba(6,122,31,0.62) 0%,rgba(6,122,31,0.62) 100%); /* FF3.6+*/ background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(6,122,31,0.62)),color-stop(100%,rgba(6,122,31,0.62))); /* Chrome,Safari4+*/ background:-webkit-linear-gradient(top, rgba(6,122,31,0.62) 0%,rgba(6,122,31,0.62) 100%); /* Chrome10+,Safari5.1+*/ background:-o-linear-gradient(top, rgba(6,122,31,0.62) 0%,rgba(6,122,31,0.62) 100%); /* Opera 11.10+*/ background:-ms-linear-gradient(top, rgba(6,122,31,0.62) 0%,rgba(6,122,31,0.62) 100%); /* IE10+*/ background:linear-gradient(to bottom, rgba(6,122,31,0.62) 0%,rgba(6,122,31,0.62) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e067a1f',endColorstr='#9e067a1f',GradientType=0 ); /* IE6-8 */}

/* horizontal scroller*/
#left-move{position:absolute; outline:none; top:0px; z-index:1000; left:0; background:url("en_AE/images/scroller-left.png") no-repeat left; width:55px; height:510px; text-indent:-9999px}
#left-move:hover{background-position:right}
#right-move{position:absolute; outline:none; top:0px; z-index:1000; right:0; background:url("en_AE/images/scroller-right.png") no-repeat right; width:55px; height:510px; text-indent:-9999px}
#right-move:hover{background-position:left}

#carousel_inner{ float:left; /* important for inline positioning */ width:100%; /* important (this width = width of list item(including margin) * items shown */ overflow:none;  /* important (hide the items outside the div) */}

#carousel_ul{ position:relative; height: 480px; left:-480px; /* important (this should be negative number of list items width(including margin) */ list-style-type:none; /* removing the default styling for unordered list items */ margin:0px;  padding:0px;  width:9999px; /* important */ /* non-important styling bellow */ padding-bottom:10px}

section#viewport-background div.non-javascript{ overflow-y:scroll}

.non-javascript #carousel_inner #carousel_ul{ left:0px}

#carousel_ul .body-left{position:relative}

#carousel_ul li{-webkit-backface-visibility: hidden; float:left; /* important for inline positioning of the list items */ width:480px;  /* fixed width,important */ /* just styling bellow*/ padding:0px; /*added for padding issue in horizontal scroll page - 17102012*/ height:100%;  position:relative}
.non-javascript #carousel_inner #carousel_ul {width:1024px}



/*viewport*/
#viewport{max-width:1360px; min-width:980px; width:100%; position:relative; padding:0 0 0 0 !important; overflow:hidden; height:auto; display:block}

/* Background button */
/* #button-nav{position:absolute; bottom:35%; z-index:1000; left:80%} */
/* Changed from new Build */

#button-nav{position:absolute; z-index:1000; left:50%; top:-32px;} /* Negative margin on button to bring the buttons into the viewport */
#button-nav a{width:15px; height:15px; text-indent:-9999px; display:block; float:left; margin:0 0 0 13px; background:url("en_AE/images/carousel-buttons.png") no-repeat 50% 0px; outline:none} 
#button-nav a.non-active{background-position:50% -15px}

.inactive-nav a{background-position:0 100% !important}
 
/* RHS nested cols */
.col-left,
.col-right{width:220px; float:left}
.col-right{float:right}

/* pod styles */
/* Default Pod styles */
.pod{position:relative; display:block; margin-bottom:10px; width:100%}
.pod a{text-decoration:none}
.pod img{
    outline: 1px solid transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pod a:focus img,.pod a:active img,.pod a:hover img
{ 
    outline: 0;      
    outline:1px solid #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: hand; cursor: pointer;
}

.ie7 .pod a:focus img,.ie7 .pod a:active img, .ie7 .pod a:hover img
{
    border:1px solid white;
    cursor: hand; cursor: pointer;
     margin:-1px;

}




.pod.ios img {outline: none !important;}
   .pod.ios:active img, .pod.ios:focus img,.pod.ios:hover img {outline: none !important;}


.pod a{color:#fff; display:block}
.pod a:hover{text-decoration:none}
.pod h2{line-height:22px; text-transform:uppercase; font-family:"HelveticaNeueW01-Thin", Arial}
.pod strong{font-family:"HelveticaNeueW01-55Roma", Arial; font-weight:normal}
.pod p{font-size:0.750em; line-height:14px; margin:3px 0 0 0}

.pod-link{left:0; bottom:0}

/* pod-link specific styles  */
.pod-link-top-left{left:0; top:0}
.pod-link-top-right{right:0; top:0}
.pod-link-bottom-left{left:0; bottom:0}
.pod-link-bottom-right{right:0; bottom:0}

.pod-link,
.pod-link-top-left,
.pod-link-top-right,
.pod-link-bottom-left,
.pod-link-bottom-right{position:absolute; min-height:44px; padding:8px 12px 8px 12px; display:block; background-color:rgba(0,0,0,0.5);}

.ie7 .pod-link,
.ie7 .pod-link-top-left,
.ie7 .pod-link-top-right,
.ie7 .pod-link-bottom-left,
.ie7 .pod-link-bottom-right,
.ie8 .pod-link,
.ie8 .pod-link-top-left,
.ie8 .pod-link-top-right,
.ie8 .pod-link-bottom-left,
.ie8 .pod-link-bottom-right{background:url("en_AE/images/pod-link-ie.png")}

.ie9 .pod-link,
.ie9 .pod-link-top-left,
.ie9 .pod-link-top-right,
.ie9 .pod-link-bottom-left,
.ie9 .pod-link-bottom-right{filter:none;}

.view-patient-card{height:86px !important}

/* Hero Pod */
.hero-unit{border-radius:0; background:transparent none; padding:0; width:100% /*!important;  clear:both; 954755*/}   
.hero-unit img{max-height:150px; width:100%}

/* Forum Pod style*/
.forum{background:#fff; float:left; padding-bottom:8px; min-height:302px}
.forum h2{font-size:1em; line-height:1em; padding:6px 0 7px 4px; background-color:#313131; color:#fff; margin-top:6px; text-align:center}
.forum h2 span.arrow{background-position:98% 49.5%}
.forum .article{margin:4px 10px 3px 10px; border-bottom:9px solid #313131; padding-bottom:11px}
.forum .article h3{font-size:1em; font-weight:bold; line-height:1.15em}
.forum h3 a{color:#000}
.forum .article p{margin:0;}
.forum .article p.author{color:#067a1f}
.forum .article p a{color:#067a1f; font-weight:bold; display:inline}
.forum .article p a.more{font-size:0.833em}
.forum .article-alternate{margin:8px 10px 8px 10px; padding-bottom:14px;}
.forum .article-alternate p,
.forum .article-alternate h3{font-weight:bold;}
.forum .article-alternate p{letter-spacing: -0.001em}
.article-last{border:0 !important; padding-bottom:0 !important}

/* News Pod */
.news{background:#fff; height:100%; min-height:470px}
.news .article{margin:0px 8px 11px 8px; border-bottom:3px solid #e6e6e6; padding-top:8px; padding-bottom:3px}
.news .article a{color:#007099 !important; display:inline}
.news .article .news-tag span{background:#007099 url("en_AE/images/news-tag.jpg") no-repeat center right; color:#fff; height:22px; line-height:22px; display:inline-block; padding:0 10px 0 5px; min-width:130px; font-size:0.75em}
.news .article .news-externals{font-size:0.688em; font-weight:bold}
.news .article .news-externals .news-discussion{padding:0 0 0 13px; background:url("en_AE/images/social-sprite.jpg") no-repeat 0 3px; margin-left:5px}
.news .article .news-externals .news-tweet{padding:0 0 0 13px; background:url("en_AE/images/social-sprite.jpg") no-repeat 0 100%; margin-left:5px}
.news .article .news-title{margin:2% 0}
.news .article .news-title h3{line-height:1em}
.news .article .news-subtitle{margin-top:2%; font-size:0.688em; clear:both; width:100%}
.news .article .news-subtitle a{display:table-cell; vertical-align:middle; padding-left:10px}
.news .article .news-icon{width:40px; padding-right:7px; height:23px; display:block;  background:url("en_AE/images/icon-holder.png") center no-repeat; margin:0 5px 0 0; padding-left:0px !important}
.news .article .news-icon img{float:right}

.news .article .news-image{float:left; margin:0 3% 2% 0}

.comment-count{position:absolute; top:0; right:0; width:28px; height:23px; color:#000; display:block; text-align:center; font-size:0.655em; line-height:21px;  background:url("../../../content/dam/panadol/en_AE/images/social/comment-count.gif") no-repeat center top}     
.comment-count a{color:#000; display:block; text-align:center; font-size:0.655em; line-height:21px;  background:url("en_AE/images/comment-count.gif") no-repeat center top}

.arrow{background:transparent url("en_AE/images/arrow.png") no-repeat 100% 49%; padding-right:10px}

/* .ie7 .arrow {background:none}
.ie6 .arrow {background:none} */ 

   


.arrow.blue{background-position:100% 101% !important}
.arrow.green{background-position:100% -4% !important}

/* Brass */   
.footer-wrap{left:0; margin-bottom:0; right:0; position:fixed; background:transparent; z-index:1030; min-height:40px;/*bottom:0*/}
/* .footer-wrap{left:0; margin-bottom:0; right:0; position:fixed; background:transparent; z-index:1030; height:40px;bottom:0} */  
.footer-content{max-width:1320px; min-width:940px; /* min-width:95%;*/ margin:0 auto; padding:0 20px; /*height:40px;*/ display:block; background:#fff; -webkit-box-shadow:0px -5px 7px -7px #000; -moz-box-shadow:0px -5px 7px -7px #000; box-shadow:0px -5px 7px -7px #000; position: relative;}  

.footer-content ul{
    float: left;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;  
    } 
.footer-content ul li{float:left}
.footer-content ul li a{font-size:0.625em}
.footer-content .social{margin-top:12px; float:left; width:272px !important;}
.footer-content .social ul li a{text-indent:-9999px; width:19px; height:19px; display:block; background:url("en_AE/images/footer-sprite.png") 0 0 no-repeat; margin-right:14px}
.footer-content .social ul li a.facebook{background-position:0 0}
.footer-content .social ul li a.twitter{background-position:-34px 0}
.footer-content .social ul li a.google{background-position:-67px 0}
.footer-content .social ul li a.pinterest{background-position:-100px 0}
.footer-content .social ul li a.youtube{background-position:-133px 0}

/*.footer-links{margin:12px 0 0 5%; float:left}*/
.footer-links{margin:12px 0 0 0; float:left}

.footer-links ul li{background:url("en_AE/images/footer-sep.png") no-repeat center right;height: 22px;}
.footer-links ul li.last{background:none}
.footer-links ul li a{padding:0 10px!Important; display:block; color:#999; text-decoration:none!Important}
.footer-links ul li a:hover{text-decoration:underline!Important}
.footer-links ul li a:focus{text-decoration:underline!Important}

.gsk{float:right; text-indent:-9999px; width:95px; height:36px; margin-top:3px; background:url("en_AE/images/gsk.png") no-repeat center}

/* Vertical Scrolling Pane */

/* Carousel Background Effect */
.black-background, .background{background-repeat:no-repeat;  position:fixed; top:50px;  left:auto;

    /* Set minimum background scale */
    min-height:566px !important;
    min-width:1007px;

    /* Set maximum background scale */
    max-width:1360px;

    /* Set background to fix viewport */
    width:100%;
    height:100%;

    z-index:1;
    background-position:top left;
    background-attachment:scroll !important;

    /* Backgrond cover allows incremental scaling between min and max width */
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover}

.black-background{background:#fff}

/*.ie7 .black-background, .ie7 .background, .ie8 .black-background, .ie8 .background{background-repeat:no-repeat;  position:fixed;  top:50px;  left:auto;  width:1360px;  height:630px;  z-index:1; background-position:top left; background-attachment:scroll !important;-webkit-background-size:cover;  -moz-background-size:cover;  -o-background-size:cover;  background-size:cover}*/

/*
@media (max-width:480px){}

/ * Portrait tablet to landscape and desktop * /
@media (max-height:600px){
    .body-left{position:absolute !important}
    #button-nav{display:none}
}

@media (max-width:980px){

}
/ * = minWindowHeight * /
@media (max-height:500px) and (max-width:1024px){
   / * .black-background,.background{ background-size:cover; height: 630px; width: 1024px}* /
}
/ * = maxWindowHeight * /
@media (max-height:768px){
    #button-nav{bottom:10%}
}

/ * Desktop Version * /
@media (min-width:1024px){
   / * .black-background,.background{ position:fixed !important;  left:auto;  width:1360px;  height:690px}* /
}

/* Full Width * /
@media (min-width:1366px){
    .section-forum .page-title, .section-background .page-title, .section-content-lead .page-title{font-size:4.5em; line-height:0.85em}
/*    .navbar-inner .nav{left:35%}* /
}

/* Targeting MOBILES HERE to unfix the header and footer* /
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    section{top:0!important;}
    .navbar-fixed-top{position: absolute !important;}
    .black-background,
    .background{top:0 !important; min-height: 800px !important;}
    .brand{position: absolute;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    section{top:0!important;}
    .navbar-fixed-top{position: absolute !important;}
    .black-background{top:0 !important; min-height: 800px !important;}
    .background{top:0 !important; min-height: 800px !important;}
    .brand{position: absolute;}
}*/
/*iphone innit portrait * /
@media only screen and (max-device-width : 480px) and (orientation : portrait) {

    /* fix the margin at the top of the background * /
    .black-background, .background{top:0px;min-height:650px;}
    section{top:0!important;}
    .footer-wrap{position:absolute;}
    #viewport{position:absolute;}
    .navbar-fixed-top{position: absolute !important;}
    .brand{position: absolute;}
    .footer-content{position: absolute !important;}
}
/*iphone innit landscape * /
@media only screen and (max-device-width : 480px) and (orientation : landscape) {

    .loader {width: 200px; height: 200px; position: absolute; top: 28%; left: 50%; z-index: 0;margin:-100px 0 0 -100px}

    /* fix the margin at the top of the background * /
    .black-background, .background{top:0px;min-height:650px;}
    section{top:0!important;}
    .footer-wrap{position:absolute;}
    #viewport{position:absolute;}
    .navbar-fixed-top{position: absolute !important;}
    .brand{position: absolute;}
    .footer-content{position: absolute !important;}
}

@media only screen and (max-width : 979px) {

    /* fix the margin at the top of the background * /
    .black-background, .background{top:0px;min-height:650px;}
    section{top:0!important;}
    .footer-wrap{position:absolute;}
    #viewport{position:absolute;}
    .navbar-fixed-top{position: absolute !important;}
    .brand{position: absolute;}
    .footer-content{position: absolute !important;}
}
*/

/* ---------- PRODUCT PAGE ---------- */
/*.section-product {overflow: hidden;}*/   
.section-product #viewport{position: static;}   
.section-product .loader
{
    position: absolute; top : 0; left: 0; height: 100% !important; width: 100% !important;
    background-position: center; background-image: url('en_AE/images/loading.gif'); background-repeat: no-repeat;
}
.section-product #viewport {background-attachment: fixed !important; /*padding: 0 !important;*/ }
.section-product .body-right{background:#fff; margin-right:0 !important}
.section-product .body-left{margin:0 !important; padding:0 !important; max-width:900px !important; min-width:500px !important; position:fixed /*!important*/}
/* --- */
#back-button{display:block; width:52px; height:52px; background:transparent url('en_AE/images/product-back-arrow.png'); position:absolute; top:-52px; padding:0; margin:0; left: 0px; z-index:100}
#back-button a{text-indent: -9999px; display: block; width: 100%; height:100%;}
/* --- */
.section-product .body-left .carousel-bt{position:absolute; top: -40px; z-index:150; margin:0; padding:0; border:0; width:43px; height:43px; display:none; outline:0}
.section-product .body-left #left-but{display: inline; right:200px; background:transparent url('en_AE/images/carousel-prev-bt.png')}
.section-product .body-left #right-but{display: inline; left:200px; background:transparent url('en_AE/images/carousel-next-bt.png')}
/* -- */
.section-product .body-left #carousel-center-point{width:0; position:absolute; left:50%}
.section-product .body-left #product_carousel{width:666px; height:500px; position:absolute; left:-333px}
.section-product .body-left #product_carousel img{border:0; }

.section-product .non-javascript .body-left div#product_carousel{padding:80px 20px}
.section-product .non-javascript .body-left #product_carousel img{/*width:100px*/}
.section-product .pod:hover img{border:0; margin:0 0 0px}
/* --- */
.section-product .body-left #carousel-description{width:95%; display:block; margin:0; position:absolute; top:400px}
.section-product .body-left #carousel-description #title-text{font-size:60px; line-height:50px; padding-bottom:0 !important; color:#008a26; text-align:right;  font-family:"HelveticaNeueW01-Thin", Arial !important; display: block !important;}
.section-product .body-left #carousel-description #alt-text{color:#008a26; font-size:30px; line-height:40px; text-align:right; margin:10px 0 0 0; text-transform:uppercase; font-family:"HelveticaNeueW01-55Roma", Arial; display: block !important;}


/* iPads (landscape) ----------- * /
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

    .section-product .body-left #carousel-description{width:95%; display:block; margin:0; position:absolute; top:440px}
    .section-product .body-left #carousel-description #title-text{font-size:60px; line-height:50px; padding-bottom:0 !important; color:#008a26; text-align:right; text-transform:uppercase; font-family:"HelveticaNeueW01-Thin", Arial !important;}
    .section-product .body-left #carousel-description #alt-text{color:#008a26; font-size:30px; line-height:40px; text-align:right; margin:10px 0 0 0; text-transform:uppercase; font-family:"HelveticaNeueW01-55Roma", Arial}

}
/* --- */
.section-product .body-left .compare-product-button{display:none; position:absolute; padding:10px; color:#008a26; /*background:#fff;*/ font-size:12px; line-height:18px; font-family:"HelveticaNeueW01-55Roma", Arial;}
.section-product .body-left .compare-product-button:hover{padding-top:15px; text-decoration:none}
.section-product .body-left #compare-product-button-top{text-align: center; width: 97px;/*-webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px;*/ top:0; right:40px; padding-left:12px; background: transparent url('en_AE/images/compare-top.png') center bottom no-repeat;}
.section-product .body-left #compare-magnifier-bt-wrapper{position:absolute; top:350px; width:0; left:50%}
.section-product .body-left #compare-product-button-top #number-to-compare{padding-left:4px}
.section-product .body-left #compare-product-button-central{/*-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;*/ top:0; left:-120px; padding:6px 10px; width:95px; text-align: center; background: transparent url('en_AE/images/compare-body.png') center no-repeat;}
.section-product .body-left #compare-product-button-central span{top:-2px; position:relative}
.section-product .body-left #compare-product-button-central:hover{padding-top:6px}
.section-product .body-left #product-magnifier{width:32px; height:32px; display:none; position:absolute; top:0; right:-100px; background:transparent url('en_AE/images/magnifier.png')}
/* --- */
/*.section-product .body-right #product-description-container{position:relative; top:0; width:95%; max-width:680px}*/
/* --- */

.product-description {margin-bottom: 40px;}
.product-description .social-interaction-bar{height:32px; position:relative}
.product-description .social-interaction-bar .review{float:right; font-weight:bold; padding:5px 10px; font-size:0.933em; color:#fff; text-decoration: none; text-shadow: 0 0 }
.product-description .social-interaction-bar .review:hover{color:#fff; text-decoration: underline;}
.product-description .col-left{padding-left:13px; width:48%}
.product-description .col-right{width:42%}
.product-description .bottom-col{width:45% !important}
.product-description .bottom-col .pod-type-black a{color:#fff}
.product-description .bottom-col .pod-type-black{width:96%; padding:2%}
.product-description .bottom-col .pod-type-black{background-color:rgba(0,0,0,0.5); filter:none}
.section-product .product-description .key-facts-bullet{padding-left:6px}
.section-product .product-description .key-facts-bullet li{font-size:1.2em}
.section-product .product-description .left-pai-bullets{margin-left:0}
.section-product .product-description .left-pai-bullets li{font-size:0.75em; list-style-type:none}
.section-product .product-description .right-pain-bullets li{font-size:1em; font-family:"HelveticaNeueW01-55Roma", Arial;}
.section-product .product-description .col-right .right-top-content img{display:block; margin:0 auto 20px auto}
/* --- */
.product-description .video-box h2{padding:20px 0}
/* --- */
/* .customer-rating-container{display:relative} */
/* Changes from new Build */

.customer-rating-container{display:block}
.customer-rating-container h2{color:#fff !important; background:#067A1F; padding:8px 60px 8px 10px; font-size: 1.2em;}
.customer-rating-container .rates-close{display:block; position:absolute; top:10px; right:10px; color:#fff !important; font-size:12px}
.customer-rating-container .rates-close:hover{text-decoration:underline}
.customer-rating-container .rates-and-reviews .rate-item{border-bottom:1px solid #d7eadb; padding-bottom:10px}
.customer-rating-container .rates-and-reviews .rate-note{height:12px; width:100%; padding:10px 0}
.customer-rating-container .rates-and-reviews .rate-0{background:transparent url('en_AE/images/rates/rate_0.png') left center no-repeat}
.customer-rating-container .rates-and-reviews .rate-1{background:transparent url('en_AE/images/rates/rate_1.png') left center no-repeat}
.customer-rating-container .rates-and-reviews .rate-2{background:transparent url('en_AE/images/rates/rate_2.png') left center no-repeat}
.customer-rating-container .rates-and-reviews .rate-3{background:transparent url('en_AE/images/rates/rate_3.png') left center no-repeat}
.customer-rating-container .rates-and-reviews .rate-4{background:transparent url('en_AE/images/rates/rate_4.png') left center no-repeat}
.customer-rating-container .rates-and-reviews .rate-5{background:transparent url('en_AE/images/rates/rate_5.png') left center no-repeat}
.customer-rating-container .rates-and-reviews .rate-name{font-size:12px}
.customer-rating-container .rates-and-reviews .rate-date{color:#067A1F; padding-left:20px; font-size:12px}
/* --- */
/* .direction-and-ingredients{display:relative} */
/* Changes from new Build */
.direction-and-ingredients{display:block} 
.direction-and-ingredients h2{color:#fff !important; background:#067A1F; padding:8px 0 6px 0; text-indent:10px}
.direction-and-ingredients h2 span{font-size:12px; display:block; padding:0}
.direction-and-ingredients h3{font-size:14px; color:#000 !important; padding:20px 0 0 0}
.direction-and-ingredients strong{font-size:14px}
.direction-and-ingredients span{font-size:12px}
.direction-and-ingredients table{background:#cde5d2 !important; width:100%; font-size:12px; margin:3px 0 10px 0}
.direction-and-ingredients table thead td{font-weight:bold}
.direction-and-ingredients table td.age{width:20%; padding:3px 10px}
.direction-and-ingredients table td.caplets{width:30%; padding:5px 10px}
.direction-and-ingredients table td.how-often{width:50%; padding:5px 10px}
.direction-and-ingredients .store-temp{color:#067A1F}
/* --- */
.direction-and-ingredients .ingredients li{color:#000; font-size:12px}

/*
#compare-product-container{display:none; background-color:#f0f0f0; position:absolute; top:0; width:100%; max-width:680px; z-index:100; -moz-box-shadow:   3px 3px 4px 4px #ccc; -webkit-box-shadow:3px 3px 4px 4px #ccc; box-shadow:        3px 3px 4px 4px #ccc}
*#compare-product-container{border-left:2px solid #ccc; border-bottom:2px solid #ccc}

--- */

#compare-product-container h3{text-indent:10px; color:#008a26; font-size:30px; margin:20px 0 10px 0; padding:0; font-family:"HelveticaNeueW01-55Roma", Arial}
#compare-product-container #comparison-close-bt{display:block; color:#008a26; position:absolute; top:10px; right:5px; background:transparent url('en_AE/images/close-bt.png') 43px center no-repeat; padding:0; margin:0; width:55px; height:11px; font-size:11px; line-height:12px}
#compare-product-container p{text-indent:10px; font-size:12px}
/* --- */
#product-comparison-table{font-size:11px !important; border-collapse:separate; border-spacing:3px; width:98% !important}
#product-comparison-table tr{}
/* --- */
#product-comparison-table tr th{background:#008a26; border-right:1px solid #888; border-bottom:1px solid #888; border-top:0px; border-left:0px; /*border:2px #f0f0f0 solid; border-width:0 2px 2px 0; -moz-box-shadow:inset 0px 0px #ccc;  box-shadow:inset 0px 0px #ccc; */ color:#fff; font-family:"HelveticaNeueW01-55Roma"; font-size:12px; padding:5px 5px}
#product-comparison-table tr th.product-name{width:31%; border-color:#f0f0f0; background: transparent;}
#product-comparison-table tr th.type-of-pain{width:31%}
#product-comparison-table tr th.format{width:12%}
#product-comparison-table tr th.age-range{width:12%}
#product-comparison-table tr th.benefits{width:12%}
/* --- */
#product-comparison-table tr td{background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0px; border-left:0px; /*border:2px #f0f0f0 solid; border-width:0 2px 2px 0; */padding:5px; text-align:center; vertical-align:top; /*-moz-box-shadow:inset -1px -1px #ccc; -webkit-box-shadow:inset -1px -1px #ccc; box-shadow:inset -1px -1px #ccc; */}
#product-comparison-table tr td.product-name{width:31%}
#product-comparison-table tr td.product-name div{position:relative}
#product-comparison-table tr td.product-name img{width:90px; margin:10px auto; display:block}
#product-comparison-table tr td.product-name .product-remove{position:absolute; top:5px; right:5px; background:transparent url('en_AE/images/close-bt.png') center no-repeat; width:8px; height:8px; display:block}
#product-comparison-table tr td.product-name h4{padding-right:10px; color:#008a26; font-size:12px; padding:3px 13px 3px 3px; text-align:left}
#product-comparison-table tr td.type-of-pain{width:31%; text-align:left}
#product-comparison-table tr td.format{width:12%}
#product-comparison-table tr td.age-range{width:12%}
#product-comparison-table tr td.benefits{width:12%}
/* --- */
#compare-tooltip { top: 45px; right: 160px; position: absolute; width: 285px; height: 55px; z-index: 1000;}
#compare-tooltip #top-right-triangle {position: absolute; background: transparent url('en_AE/images/triangle.png') center no-repeat; width: 50px; height: 44px; z-index: -100; top: -16px; right: -20px;}
#compare-tooltip #compare-tooltip-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: #106b16; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white;}
#compare-tooltip #compare-tooltip-content .top-txt {font-size: 12px; display: block; margin: 0 5px; position: absolute; top: 5px;}
#compare-tooltip #compare-tooltip-content .bottom-txt {font-size: 10px; display: block; margin: 0 5px; position: absolute; bottom: 5px;}
/* ---------- PRODUCT PAGE END ---------- */
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object{vertical-align:top; padding:0; margin:0}

.fancybox-wrap{position:absolute; top:0; left:0; z-index:8020}

.fancybox-skin{position:relative; padding:0; margin:0; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}

.fancybox-opened{z-index:8030} 

.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5)}

.fancybox-outer, .fancybox-inner{padding:0; margin:0; position:relative; outline:none}

.fancybox-inner{overflow:hidden}

.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}

.fancybox-error{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:10px}

.fancybox-image, .fancybox-iframe{display:block; width:100%; height:100%; border:0; padding:0; margin:0; vertical-align:top}

.fancybox-image{max-width:100%; max-height:100%}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('en_AE/images/fancybox_sprite.png')}  

#fancybox-loading{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8020}

#fancybox-loading div{width:44px; height:44px; background:url('en_AE/images/fancybox_loading.gif') center center no-repeat}

.fancybox-close{position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040}

.fancybox-nav{position:absolute; top:0; width:40%; height:100%; cursor:pointer; background:transparent url('en_AE/images/fancybox/blank.gif'); /* helps IE */-webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040}

.fancybox-prev{left:0}

.fancybox-next{right:0}

.fancybox-nav span{position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden}

.fancybox-prev span{left:20px; background-position:0 -36px}

.fancybox-next span{right:20px; background-position:0 -72px}

.fancybox-nav:hover span{visibility:visible}

.fancybox-tmp{position:absolute; top:-9999px; left:-9999px; padding:0; overflow:visible; visibility:hidden}

/* Overlay helper */
#fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:#000}

#fancybox-overlay.overlay-fixed{position:fixed; bottom:0; right:0}

/* Title helper */
.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050}

.fancybox-opened .fancybox-title{visibility:visible}

.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8030; text-align:center}

.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */background:rgba(0,0,0,0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap}

.fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff}

.fancybox-title-inside-wrap{margin-top:10px}

.fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8)}
.hide {display:none}


/* Search styles : 112 */
.section-search{}
.section-search .page-title,
.section-search .page-subtitle,
.section-search .page-subtitle span{color:#fff; padding:0; text-align:right; }
.section-search .page-title{text-shadow: 0 0 10px #000; width:100%}
.section-search .page-title span{text-transform:uppercase; font-size:0.55em; display:block}
.section-search .body-right{background:#fff}
.section-search p {font-size: 0.75em; line-height: 14px; margin-bottom: 0; margin-left: 0;  margin-right: 0; margin-top: 3px;}
.resultsSearch {margin: 20px 2% 0px 2%}
.resultsSearchLoop {margin: 20px 2% 20px 2%}
.results {margin: 50px 2% 50px 2%}

.resultsSearchLoop a, .results a {color: #067A1F; text-decoration:underline}
.resultsSearchLoop .similar {color: #067A1F; text-decoration:none}
.resultsSearchLoop .similar:hover {color: #067A1F; text-decoration:underline}

/* form buttons */
.formButtons {padding:0 0 50px 0}
.formButtons input {width: 103px;}
.formReset {float:right}
.formSubmit {float:right; margin:0 9px 0 0}


.section-search .page-subtitle {
    color: #fff !important;
    float: right;  
    margin-top: 70px;
    top: 0 !important;
    min-width: 50px!important;
    width:auto!important;
}

#country-bg1  { background:url("en_AE/images/backgrounds/bg-countryselector-1.jpg") no-repeat; z-index:0; background-size: cover; }
#country-bg2  { background:url("en_AE/images/backgrounds/bg-countryselector-2.jpg") no-repeat; z-index:1; background-size: cover; }




.section-homepage .read-link {
    font-family: "HelveticaNeueW01-55Roma", Arial;
    font-size: 1.25em;
    font-weight: normal;
    margin-top: 10px !important;
    text-align: right;
}


.section-homepage .read-link a {  
    color: #067A1F;
    font-size: 1.7em;
    display: block;
    width: auto;
    float:right;
    padding: 7px 15px 5px 5px;
    letter-spacing:-0.05em;
}

.section-homepage .read-link .arrow , .section-lightmagazine .read-link .arrow {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent; 
    background-image: url("en_AE/images/arrow.png");
    background-origin: padding-box;   
    background-position: 98% 16px !important;       
    background-repeat: no-repeat;
    background-size: auto auto;
    background-color: #fff;
    text-decoration:none!important;
}
.section-homepage .read-link .arrow:hover , .section-lightmagazine .read-link .arrow:hover { text-decoration:underline!Important}
.section-homepage .read-link .arrow:focus , .section-lightmagazine .read-link .arrow:focus  { text-decoration:underline!Important}


.section-content .page-headline h1 {
    color: #000;
    font-family:"HelveticaNeueW01-Thin", Arial;
    font-size: 3.8em !important;
    line-height: 0.9em;
    text-shadow: 0 0 10px #fff;
    text-transform: uppercase;
}

.section-content .page-headline {
    text-align: right;
}

/* Changes from new Build 22/10/2012 */
.section-sitemap .page-headline h1 {
    color: #000;
    font-family:"HelveticaNeueW01-Thin", Arial;
    font-size: 3.8em !important;
    line-height: 0.9em;
    text-shadow: 0 0 10px #fff;
    text-transform: uppercase;
}

.section-sitemap .page-headline {
    text-align: right;
}

   

.commentRep { border-top:#ededed solid 1px; padding:2px 0 0 0}
.commentRep p {color:#696969; float:left; width:390px}
.commentRep h3 {font-family: "HelveticaNeueW01-55Roma", Arial;font-weight: normal; font-size:.9em !important; line-height: 20px;}
.commentRep img {float:left; display:block; margin:5px 5px 5px 0}
.commClear {clear:both}
.seeAndJoin {text-align:center;} .ie7 .seeAndJoin {margin-top:10px;}
.seeAndJoin a{color:#fff !important; line-height:30px;  background: #027820; height: 30px; width:auto; padding:5px 15px; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.seeAndJoin a:hover{text-decoration: underline}

#compare-product-wrapper { display:block;   left:-5px;  position:absolute;  overflow-x:hidden;  overflow-y:auto;    /*z-index:100;*/    width:465px;    max-width:465px; }
#compare-product-container { display:none;  background-color:#f0f0f0;   margin-left:5px;    top:0;      position:relative;  width:458px;    max-width:458px;    z-index:100;    -moz-box-shadow:   -2px 3px 3px 0px #ccc;   -webkit-box-shadow: -2px 3px 3px 0px #ccc;  box-shadow:        -2px 3px 3px 0px #ccc;   overflow-x:hidden;  overflow-y:auto}

#compare-product-container{border-left:2px solid #ccc; border-bottom:2px solid #ccc}

.page-subtitle h2 {line-height: 1.1em !important}
.page-subtitle h2 { background-color: rgba(0, 0, 0, 0.7) !important;}

.signUpLabel {float:left; width:350px; margin-left: 10px; display:inline}
.signUpTick {float:left; padding:0 !important}

.forumElmts form {padding:10px 0}
.breadcrumb {font-size:.7em; color:#999999}
.breadcrumb a {color:#999999; text-decoration:none!important}
.breadcrumb a:hover {text-decoration:underline !important}
.breadcrumb a:focus {text-decoration:underline !important}

.breadcrumb .page {float:right; display:block}
.logInSocial p {font-size:1em !important; padding:0 10px 10px 0}
.logInSocial img {float:left; margin:0 3px 0 0 !important; max-width:85px !important}
.logInSocial {padding:10px 0 10px 0}
.forum a:hover {text-decoration:underline !important}

.formCommLead {font-size: 1.8em !important; padding:0 0 8px 0; margin:20px 0 0 0}
.forumComm p {font-size: .8em !important}

.replyWrap {padding: 0 20px}

.submitComment {margin: 20px 0}
.submitComment textarea {width:370px; float:right; margin-bottom: 20px!Important}
.submitComment form {margin:0 !important}
.submitComment input {width: 51px; clear:both; float:right}
.breadcrumbWrap {width:350px; float:left}

 
.social-label {
    display: inline-block;
    float: left;
    font-size: 0.75em;
    font-weight: bold; 
    height: 16px;
    line-height: 1.6em;
    margin: 0 10px 0 0!important;
    padding: 0;
}

.labelStyleHide {height: 0px; width: 0px; overflow: hidden; float:left}
.labelStyle {height: 20px; width:100%; clear:both}

.ie7 .section-content .social-interaction-bar { background-color:#65ad74 !important }
footer p{
color: #666666;
    font-size: 10px;
    line-height: 1.637em;
 margin: 0 0 1em;

}       
/* Original CSS Overrides */

html
{
    height: 100%;
    overflow: auto;
    overflow-y: scroll;
}
body
{
    padding-top: 0;
    position: relative;
    min-height: 100%;
}
.loader
{
    position: absolute;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    left: 50%;
}
.loader img
{
    left: 0;
    top: 0;
    position: relative;
}
.brand
{
    position: absolute;
}
.footer-wrap
{
    position: relative;
}
.footer-country .footer-wrap
{
    bottom: 0;
}
.black-background,
.background
{
    position: fixed;
    top: 0;
    max-height: none;
    max-width: none;
}
.black-background
{
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #fff;
}
section#viewport-background div.non-javascript
{
    overflow: hidden;
}
section.section-background
{
    min-height: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.modal-backdrop,
.modal
{
    position: relative;
}
#button-nav
{
    display: none;
}
section .container .body-left
{
    max-width: none;
    min-width: 0;
    height: auto;
}
#viewport
{
    visibility: hidden;
}
#viewport,
#viewport-background
{
    position: relative;
}
.verticalscroller .page-subtitle,
.verticalscroller .page-title
{
    min-width: 0px;
}
.horizontalscroller
{
    min-height: 490px;
}
.horizontalscroller #viewport
{
    height: auto !important;
}
#left-move,
#right-move,
#left-but,
#right-but
{
    display: none !important;
}
.section-product .body-left #product_carousel
{
    height: auto;
    left: auto;
    width: auto;
}
#product-description-container
{
    overflow: hidden;
}
#compare-product-wrapper,
#compare-product-container
{
    width: auto;
}



section.section-non-js,
section.section-maintenance,
section.section-error
{
    min-height: 505px; /* MIN_VIEWPORT_HEIGHT */
}
section.section-non-js #viewport,
section.section-maintenance #viewport,
section.section-error #viewport
{
    position: absolute;
    top: 0;
    bottom: 0;
}
section.section-non-js .container,
section.section-maintenance .container,
section.section-error .container
{
    width: 100%;
    max-width: none;
}

section.section-maintenance .feedback-holder,
section.section-error .feedback-holder
{
    position: relative;
    margin-top: 15%;
}

section.section-non-js .feedback-holder
{
    position:relative;
    margin-top:10%;
}

/* Javascript Enabled */
.html-javascript #viewport
{
    /* background: #333; */
    background: none repeat scroll 0 0 #333333;   
}
.html-javascript .section-country .background#country-bg1, 
.html-javascript .section-country .background#country-bg2 
{
    visibility: hidden;
}
.html-javascript .horizontalscroller #viewport
{
    height: 490px;
}
.html-javascript .non-javascript #carousel_inner #carousel_ul
{
    width: 9999px;
}
.html-javascript #left-move,
.html-javascript #right-move,
.html-javascript #left-but,
.html-javascript #right-but
{
    display: block !important;
}
.html-javascript .section-product .body-left #product_carousel
{
    height: 500px;
    left: -333px;
    width: 666px;
}
.html-javascript .product-carousel-container
{
    height: auto !important;
}
/*brass added newly */
.html-javascript .product-carousel-item
{
    display: none;
}   
/* HTML Fixed Layout */
.html-fixed-layout .brand,
.html-fixed-layout .black-background,
.html-fixed-layout .background,
.html-fixed-layout .navbar-fixed-top,
.html-fixed-layout .navbar-fixed-bottom,
.html-fixed-layout .modal-backdrop,
.html-fixed-layout .modal
{
    position: fixed;
}
/*.html-fixed-layout .footer-wrap
{
    left: 0;
    margin-bottom: 0;
    right: 0;
    position: fixed;
    background: transparent;
    z-index: 1030;
    height: 40px;
    bottom: 0
}*/
/* Brass changes */
.html-fixed-layout .footer-wrap
{
    left: 0;
    margin-bottom: 0;
    right: 0;
    position: fixed;
    background: #ffffff;
    z-index: 1030;
    min-height: 40px;
    bottom: 0
}  
   
.html-fixed-layout #viewport
{
    height: 100%;
}
/*.html-fixed-layout .footer-content
{
    height: 4000px;
}*/
.html-fixed-layout .footer-content
{
    /*height: 4000px;*/
}
.footer-content
{
    min-height: 40px;
}
 
.html-fixed-layout section.section-background,
.html-fixed-layout section.section-content,
.html-fixed-layout section.section-sitemap, 
.html-fixed-layout section.section-content-lead,
.html-fixed-layout section.section-country,
.html-fixed-layout section.section-search,
.html-fixed-layout section.section-forum,
.html-fixed-layout section.section-form,
.html-fixed-layout section.section-lightmagazine,
.html-fixed-layout section.section-find-your-panadol,
.html-fixed-layout section.section-all-products,
.html-fixed-layout section.section-product
{
    padding-top: 49px;
}
.html-fixed-layout section .container .body-left
{
    position: fixed;
}
.html-fixed-layout .black-background,
.html-fixed-layout .background
{
    top: 50px;
    max-height: 820px; /* MAX_VIEWPORT_HEIGHT */
    max-width: 1360px;
    width: 100%;
}
.html-fixed-layout .section-country .background#country-bg1,
.html-fixed-layout .section-country .background#country-bg2
{
    position: fixed;
}

/* HTML Tablet Layout */
.html-tablet-layout body
{
    min-height: 0;
    height: 100%;
    overflow: hidden;
}
.html-tablet-layout section#viewport-background
{
    height: auto;
    position: absolute;
    top: 49px;
    bottom: 40px;
    overflow: hidden;
}
.html-tablet-layout .footer-wrap
{
    position: absolute;
}
.html-tablet-layout #viewport
{
    height: 100%;
}
.html-tablet-layout .body-right
{
    height: 100%;
    overflow: auto;
    padding: 0 !important;
}
.html-tablet-layout .black-background,
.html-tablet-layout .background
{
    max-height: none;
    max-width: 1360px;
} 
.html-tablet-layout .product-carousel-container
{  
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
}
.html-tablet-layout .body-right
{
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.html-tablet-layout .pod
{
    transform: translateZ(0) !important;
    -webkit-transform : translateZ(0) !important;
    -o-transform : translateZ(0) !important;
    -moz-transform : translateZ(0) !important;
    -webkit-backface-visibility: hidden
}
 
.html-tablet-layout .labelStyleHide {height: 0px; width: 0px; overflow: hidden; float:left}
.html-tablet-layout .labelStyle {height: 20px; width:100%; clear:both}

.html-tablet-layout .section-form .body-right .pod-form input { font-size:1em; line-height:1.5em}

section.section-non-js {
background:url('en_AE/images/backgrounds/bg-countryselector-1.jpg')
}
section.section-non-js #viewport
{
    visibility:visible; 
}

div#popup {background:black;position:absolute;top:40px;left:250px;padding:10px;display:none}
div#popup a {color:white} 
a#jumper {position:absolute;top:50px}

/* Brass changes */
.footer-wrap .footer-text
{
    width: auto;
    padding: 3px 0 13px;        
}         
.footer-wrap .footer-text .footer-para-graph p
{
    color: #999999;               
    font-size: 0.625em;
    margin: 0;   
    line-height: 13px;   
}                        
  
.footer-wrap .footer-text .footer-para-graph h3 
{
    font-size: 0.563em !important;
    font-weight: normal;
    color: #999999;               
    margin: 0;
    line-height: 13px;  
}                                          
   
.footer-wrap .footer-text .footer-para-graph h1
{                  
    font-size: 0.875em !important;
    font-weight: normal;
    color: #999999;                  
    margin: 0;  
    line-height: 13px;  
} 

.footer-wrap .footer-text .footer-para-graph h2
{
    font-size: 0.750em !important;  
    font-weight: normal;  
    color: #999999;               
    margin: 0;
    line-height: 13px;  
}  
        

.html-can-display-fixed-layout .background {
    position: fixed;
}     

.html-javascript .horizontalscroller .page-headline, .html-javascript .verticalscroller .page-headline
{
    line-height: 0.85em;
    margin: 8px 0 0;
}
    
/* Over writing elemnt.style */
/*
element.style {
    height: 76px;
    left: 800px !important; 
    position: absolute; 
    top: 76px;
    width: 456px;
} */ 
    
/* parsys component */
div.par, div.rightpar {
    clear: both;
}
div.parsys_column {
    height: 100%;
    width: 100%;    
    float: left;  
    border: 0;
    vertical-align:top;
    padding: 0;
    margin: 0;        
    display:block;
    overflow:hidden;
}  
.ie7 div.parsys_column {
    height: auto !important;
    width: auto !important;       
}        
   
div.section {
    /* Property added to avoid IE hasLayout issue on paragraphs
       see #20817 - IE6: div around Drag Components image not big enough
    */
    zoom: 1;
   /* font-size: 0.75em;*/ 
    
} 

div.parsys_column .section {
    overflow:hidden;
    width: 100%; 
}
  
/* column control layouts */ 
div.cq-colctrl-cols {width: 100%; float: left;overflow:hidden;display:block }

div.cq-colctrl-default { width: 100%;}      
 
/* layout 0 : 50% 50% ( grid6 + grid6 ) */
div.cq-colctrl-lt0 { }  
div.cq-colctrl-lt0-c0 { width: auto; margin-right:10px;}      
div.cq-colctrl-lt0-c1 { width: auto; margin-left: 6px;}    


/* widepage layouts */

/* layout 5 : 50% 50% ( grid8 + grid8 ) */
div.cq-colctrl-lt5 { }
div.cq-colctrl-lt5-c0 { width: auto; margin-right:10px}
div.cq-colctrl-lt5-c1 { width: auto; margin-left: 10px}    
    
.ie7 div.cq-colctrl-default {width:auto !important; overflow:hidden;border:0 none;}     


           
/* layout 0 : 50% 50% ( grid6 + grid6 ) */
div.cq-colctrl-lt1 { }  
div.cq-colctrl-lt1-c0 { width: auto; margin-right:10px;}      
div.cq-colctrl-lt1-c1 { width: auto; margin-left: 6px;}       
div.cq-colctrl-lt1-c2 { width: auto; margin-left: 6px;}     
     
body{background:#fff !important;}
   /*---- Float Fix ---- */
.float-fix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
.float-fix{display:inline-block}
* html .float-fix{height:1%} 

 .social_icons
 {
 display:block;
 }  
  .social_icons a{display:block;padding:0 14px 0 0;float:left;}
  .footer-links ul li{background-position: right 5px !important;}   
  .clearboth{clear:both;}
.panalogo{color:#999; display:block; position:fixed; top:0; z-index:1035; line-height:1; width:100px; height:107px; padding:0 !important; margin:0 !important  }     
    
.cq-editbar{display:block !important;z-index:9999 !important;min-width:280px !important;min-height:30px !important;} 
/*
.body-right {display:block!important;float:right!important;z-index:999;position:relative;*top:-220px !important;top:-220px\0/ !important;}  */ 

/*
.cover-pane{ height:311px !important;}   */
  
 /*
.new-harz-ppod{min-height:300px;min-width:420px;border:1px solid red;float:left;} */   
 
.scroller{overflow:hidden !important;}    
/*.footer-links{min-width:25%;z-index:100;/*position:relative;*/margin:12px 0 0 6%!important;} */ 
.footer-links{min-width:25%;z-index:100;/*position:relative;*/margin:12px 0 0 0;} 
    
footer{float:left !important;width:100%;}  
     
.section-all-products .page-title {   
    bottom: 35px!important;
    font-size: 4.5em !important;
    padding-left: 123px!important;         
    width: 300px;              
}

/* #viewport-background div.container{min-height:520px !important}*/     

.section-lightmagazine .body-left{width:420px !important;} 
.section-lightmagazine .read-link a {  
    float: right;   
    width: 240px;
    font-size:1.2em;
}   
.globe {
    margin: 0 0 0 6px !important;   
}
.globe-new {
    margin: 0 0 0 2px;   
}
/*  
.content-page-template ul, .content-page-template ol{margin-top:15px;font-size: 0.75em;}
.content-page-template ul{color:#067A1F !important;} 
.content-page-template ol{list-style-type: disc !important;color:#000 !important;}  */   

   


 
 
/* section.section-all-products, section.find-your-panadol, section.lightmagazine{margin:0 !important;padding:25px 0 0 0 !important;}  */
.pod-conten-p,.pod-conten-pg, .pod-conten-strong, .pod-a, .border-green, .pod-conten-h3, .pod-conten-h2, .country-para{margin:0 2%;font-family:Arial;font-size:12px !important;display: block;}    

.pod-conten{color:#067A1F;font-family:"HelveticaNeueW01-55Roma", Arial;line-height: 22px;text-transform: uppercase;font-size: 1.4em;font-weight:normal!important;margin-left:2%; }
.pod-conten-p{margin-bottom:15px;font-size:12px}
.pod-conten-pg{color:#067A1F; font-size:12px} 
.pod-conten-strong{font-family:arial; font-weight:bold}   
.pod-a{color:#067A1F; display:inline}
.border-green{border-bottom:5px #067A1F solid}    
.pod-conten-h3{color:#067A1F; font-size:12px;   font-weight: bold;line-height: 16px;  }  
.pod-conten-h2{color:#067A1F; font-family:"HelveticaNeueW01-55Roma", Arial;font-size:12px;  }
.country-para{color:#fff; font-family:"HelveticaNeueW01-Thin", Arial!important; font-size:3.88em; margin-top:0.5em}    


.section-home-descr{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../panadol_uae/en_AE/images/arrow.png");
    background-origin: padding-box;
    background-position: 98% 16px !important;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-color: #fff;
    text-decoration:none!important;}
    
/*search result page title css */
.page-headline{  
    text-shadow: 0 0 10px #000; width:100%;
    text-align: right;
    float: right;
    color: rgb(255, 255, 255);
    font-family: "HelveticaNeueW01-Thin",Arial !important;
    font-size: 2.3em;
    font-weight: normal;
    line-height: 0.85em;
}
 
 
/* styles included to add new fonts for page title 22-01-2014 by Prabhakaran */

.calibri-white
{
color: #FFFFFF;
font-family: Calibri;
font-size: 60px !important;
line-height: 0.9em;
text-transform: uppercase; 
}

.calibri-blue 
{
color: #221D3E !important;
font-family: Calibri;  
font-size: 60px !important;
line-height: 0.9em;
text-shadow: 0 0 10px #FFFFFF;
text-transform: uppercase;
} 

.myriad-white
{
color: #FFFFFF;
font-family: Myriad;
font-size: 60px !important;
line-height: 0.9em;
text-transform: uppercase;   
}

.myriad-blue 
{
color: #221D3E !important;
font-family: Myriad;
font-size: 60px !important;
line-height: 0.9em;
text-shadow: 0 0 10px #FFFFFF;
text-transform: uppercase;  
}
   
   

/* Style included by Prabhakaran ends here */  
      
.country-para{color:#fff; font-family:"HelveticaNeueW01-Thin", Arial!important; font-size:3.88em; margin-top:0.5em}   
.footer-content{padding: 0 20px}
.cntry-sel {
    color: #FFFFFF;  
    font-family: "HelveticaNeueW01-Thin" !important; 
    font-size: 2.88em;
    margin-top: 0.5em;
} 
.cntry-sub { 
   color: #FFFFFF !important;
    float: none !important;
    margin-top: 1em !important;
    text-align: left !important;
    top: 0;
    width: 100% !important;    
}
.home-title
{
    color: #FFFFFF;
    font-family: "HelveticaNeueW01-Thin"!important;
    font-size: 3.8em;
    font-weight: normal;
    line-height: 0.85em;
    text-align: right;
    text-shadow: 0 0 10px #000000; 
    float: right; 
    }   
.section-form .body-right .pod-form select{height:40px;}
.panadol div.pod-form input[type="text"]{height:25px;} 
.ddm-1, .ddm-2, .ddm-3{float:left;overflow:hidden;}
.ddm-3{width:100px;margin-right: 5px;}
/* div.cq-colctrl-lt0-c0*/
/*
div.cq-colctrl-lt0 { 
    width: 194px; 
} */ 
.control-group {
    overflow: hidden; 
}
.pod-conten { 
    display: block; 
}
.nav-right{float: right;text-align: right;width: 220px;}   
.nav-right fieldset{float:right;width:210px;} 
 
/* #carousel_ul li{padding-top:10px;} */   
 
.page-title-allproducts { 
    bottom:196px !important;      
    font-size: 3.5em;         
    padding-left: 18px;        
    position: absolute;
    text-align: right;
    text-shadow: 0 0 10px #000000;
    line-height: 0.85em;
    font-family: "HelveticaNeueW01-Thin",Arial !important;   
    color:#fff; 
    width: 442px;        
}       
.page-headline-lightmagazine {
    color:#221d3e;       
    float: right;
    font-family: "HelveticaNeueW01-Thin",Arial;
    font-size: 3.5em;   
    line-height: 62px;
    margin-top: 10px;
    text-align: right;   
    text-shadow: 0 0 10px #FFFFFF;
    width: 80%;  
}
.page-subtitle-lightmagazine {  
    float: right;
    margin-top: 70px;
    text-align: right;
    top: 0 !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    clear: both;
    color: #FFFFFF;
    display: block;
    float: right; 
    padding: 8px 15px 10px;  
    text-align: right;
}
.ie7 .page-subtitle-lightmagazine, .ie8 .page-subtitle-lightmagazine{background:url("en_AE/images/pod-link-ie.png");}     
.read-link-lightmagazine {
    background-color: #FFFFFF !important;
    color: #067A1F;
    padding: 3px 15px 3px 3px !important;
    background-attachment: scroll;  
    background-clip: border-box;
    background-color: #FFFFFF;
    /* background-image: url("en_AE/images/arrow.png");  */ 
    background-origin: padding-box;
    background-position: 98% 30px !important;            
    background-repeat: no-repeat; 
    background-size: auto auto;
    text-decoration: none !important;
    font-family: "HelveticaNeueW01-55Roma",Arial;
    font-size: 1.25em;
    font-weight: normal;  
    text-align: right; 
    float: right;
    font-family: "HelveticaNeueW01-55Roma",Arial;  
    clear:both;
    margin-top:10px;
    position:relative;  
}  
.read-link-lightmagazine a{ color: #067A1F;text-decoration:none;}
.read-link-lightmagazine a:hover{ text-decoration:underline;}
  
.page-title-find-your-panadol{     
    bottom: 10px;  
    font-size: 56px; 
    padding-left: 50px;
    padding-right: 20px; 
    *padding-bottom: 7px;     
    position: absolute;
    /*text-shadow: 0 0 10px #fff; */ 
    color: #FFFFFF;
    font-family: "HelveticaNeueW01-Thin",Arial !important;
    font-weight: normal;
    line-height: 0.85em;  
   /* background: url("en_AE/images/arrow.png") no-repeat scroll 100% 46% transparent;     */ 
    border:0 none;
    display:block;
    width:350px;
    word-wrap:break-word; 
    
} 
   
.page-headline-content-lead {
    color: #fff;
    font-family: "HelveticaNeueW01-Thin",Arial;
    font-size: 60px !important;
    line-height: 0.9em;
   /* text-shadow: 0 0 10px #000;  */
    text-transform: uppercase;   
       
}
           
.radio input[type="radio"], .checkbox input[type="checkbox"]{margin:0 10px 0 0;} 
.checkbox{clear:both;padding-left:0;}  
div.parsys_column .section{width:auto;} 
.pod-conten {
    line-height: 28px!important;
}
.pod-fix-new 
{
    height: 311px !important;
    top: -7px;   
    *top: 0px !important; 
    margin-bottom:6px !important;    
    display:block;                    
}   
/* .ie7 .page-title-allproducts{position:relative;top:350px!important;display:block;} */
.ie7 .page-title-allproducts{position:relative;padding-bottom:30px;display:block/*top:350px!important;*/ }   
/*fixed UAT defect in ie7 issue(changed few properties) */   
/* .section-all-products .body-right .pod-fix-new, .ie7 .pod-fix-new:hover{height:315px !important;} */   
 
/*.pod-fix-new:hover, .pod-fix-new:active , .pod-fix-new:focus{-moz-transition: all 0.5s ease-in-out 0s; outline: 1px solid #FFFFFF;}*/
.pod-fix-new img{
    outline: 1px solid transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pod-fix-new a:focus img,.pod-fix-new a:active img,.pod-fix-new a:hover img   
{ 
    outline: 0;      
    outline:1px solid #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: hand; cursor: pointer;
}
.ie7 .pod-fix-new:hover,.ie7 .pod-fix-new:active,.ie7 .pod-fix-new:focus
{
    border:1px solid white;
    cursor: pointer;
    height: 309px !important;
    display:block;
    border:1px solid white;  /*fixed UAT defect in ie7 issue(changed few properties) */   
} 
/* 
.ie7 .section-content-lead .pod .pod-link-top-right, .ie7 .section-content-lead .pod .pod-link-bottom-right {right:2px}*/ 

/*fixed UAT defect in ie7 issue */ 
.ie7 .section-all-products .pod .pod-link-top-right, .ie7 .section-all-products .pod .pod-link-bottom-right {right:-2px;width:89%;}  
         .section-all-products .pod .pod-link-top-right, .ie7 .section-all-products .pod .pod-link-bottom-right {right:-2px;}     
a h2{cursor: pointer;}                    
        
.pod-link, .pod-link-top-left, .pod-link-top-right, .pod-link-bottom-left, .pod-link-bottom-right {     
    width: auto;
    word-wrap: break-word;   
}  
  
  
/* This is new styles for Product page */
.section-product a, .section-search a{color: #067A1F;text-decoration:none;}
.section-product a:hover, .section-search a:hover{color: #067A1F;text-decoration:underline;} 

/*
.section-product p, .section-product h3, .section-product ul li{font-size:0.75em !important;font-family: "HelveticaNeueW01-55Roma",Arial; } 
.section-product h2{font-size:1.4em;font-family: "HelveticaNeueW01-55Roma",Arial;} 

.section-product h2, .section-product h3, .section-search h2, .section-search h3{color: #067A1F;}

.section-product p, .section-search p {margin:3px 0 12px 0;}
  
.section-search p, .section-search h3, .section-search ul li{font-size:0.75em !important;font-family: "HelveticaNeueW01-55Roma",Arial;} 
.section-search h2{font-size:1.4em;font-family: "HelveticaNeueW01-55Roma",Arial;}    

*/
.section-product table, .section-search table{margin-top:13px;}      

.section-product h2, .section-search h2 
{
    color: #067A1F;
    font-family: "HelveticaNeueW01-55Roma",Arial;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 22px;
    margin: 17px 0 0 0!important;     
    text-transform: uppercase;     
    }  

.section-product h3, .section-search h3 
{
    font-family:Arial;
    color: #067A1F;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 14px;
    margin: 13px 0 0 0!important;    
}
.section-product p, .section-search p 
{   
    color: #333333;
    font-family: Arial;
    font-size: 0.75em;  
    font-weight: normal;
    line-height: 15px;
    margin: 13px 0 0 0;      
}   

.section-product p strong, .section-search p strong
{
margin-top: 8px!important;
}
.panadol .section-product ul, .panadol .section-product ol,.panadol .section-search ul, .panadol .section-search ol {
margin: 14px 0 9px 35px!important;
padding: 0;
}   
      
      
.section-product ul li, .section-search ul li, .section-product ol li, .section-search ol li{font-size:0.75em !important;font-family: "HelveticaNeueW01-55Roma",Arial;color: #067A1F;margin-bottom: 3px;} 
.content-page-template{margin: 0 2% 20px;min-height:546px;}          
 
.product-description h2
{
    color: #067A1F;
    font-family: "HelveticaNeueW01-55Roma",Arial;
    line-height: 22px;
    text-transform: uppercase; 
    margin:22px 0 6px 0;
    text-align:left; 
    font-weight: normal;     
}

.product-description h3 {
    color: #067A1F;
    font-size: 0.75em;
    margin:0 0 12px 0;
}

.contentheading-h2{    
    line-height: 22px;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: normal;
    color: #067A1F;
    font-family: "HelveticaNeueW01-55Roma",Arial;
    margin: 22px 0 0 0;
    text-rendering: optimizelegibility;
    display:block;
}  
.contentpara{  
 margin-bottom: 15px;  
 visibility: visible;
 line-height: 14px;
 font-family: Arial;
 /*margin: 0 2% 20px;*/
 width: 96%;
 color: rgb(0, 0, 0);             
}           
.contentheading-h3{     
    color: #067A1F;
    line-height: 27px;
    font-weight:bold;
    visibility: visible;  
        
}
.contenbullet{
    font-family: "HelveticaNeueW01-55Roma",Arial;
    font-size: 1em;
    line-height: 1.2em;
    color: #067A1F;
    list-style: disc outside none;
    visibility: visible;
}
#product-description-container{margin: 0 2% 80px;min-height:500px;}    
.section-product .body-left #carousel-description #title-text {
    font-size: 3.5em !important;
}  
/*
.section-product .body-left #carousel-description #alt-text {
   font-size: 2.5em ;       
}  */       
.panadol table {  
    background: #CDE5D2;   
    width: 100%; 
    border:0 none;
    font-family:Arial; 
    font-size:0.75em;   
}   
    
.panadol table tr th{text-align:left;font-weight:bold;}
.panadol table tr td, .panadol table tr th{padding:5px 10px;color:#000;vertical-align:top;}
.panadol table tr td{text-align:left;font-weight:normal;}               

      
#viewport{visibility:visible !important;} 
sup 
    {
    top: 2px;
    *top:0px !important;
    position: relative;
    margin: 0;
    line-height: 0;
    font-size: 8px; 
    }    
sub 
    {botom: 2px;
    position: relative;
    margin: 0;
    line-height: 0;
    font-size: 8px;  
    } 
h2 sup 
    {
    top: 0px;
    font-size: 9px; 
    }    
h2 sub 
    {botom: 0px;
    font-size: 9px;  
    } 
h2.page-title {text-align:right;}
.page-subtitle .arrow { 
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent; 
    background-image: url("en_AE/images/arrow.png");
    background-origin: padding-box;  
    background-position: 98% 16px !important;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-color: #ffffff;
    text-decoration:none!important;     
    float: right;
    font-size: 1.7em;
    padding: 7px 15px 5px 5px;  
    width:auto;    
 }  
 /* width:100%*/ 
 .hero-unit{width:99.6% !important;} 
 
#product-comparison-table tr td.product-name, #product-comparison-table tr td.type-of-pain, #product-comparison-table tr td.format, #product-comparison-table tr td.age-range, #product-comparison-table tr td.benefits{word-wrap: break-word !important;}    
#product-comparison-table {
    background: none;
} 
#product-comparison-table tr td:last-child{padding-bottom:40px!important;}   
#product-comparison-table tr th, #product-comparison-table tr td{text-align:center;vertical-align:middle;}  

.footer-links ul p {
    padding: 0 10px;
    display:inline; 
    color:#999999;
} 
section .container .body-right{min-height:300px;word-wrap:break-word;} 
ul.sitemap-list 
{
    list-style: none outside none;
    margin: 23px 0 0 15px;
    width: 100%;
    padding:0
}   
ul.sitemap-list li, ul.sitemap-list li a
{
font-size:1em !important;
}
ul.sitemap-list li.underlist
{ 
margin:0 0 0 18px;          
}
/* content lead and content page back button*/
.back-button-lead{display:block; width:52px; height:52px; background:transparent url('en_AE/images/product-back-arrow.png');padding:0; margin:0; z-index:100; position: fixed!important;top:583px !important;}    
.back-button-lead a{text-indent: -9999px; display: block; width: 100%; height:100%;}   

.page-headline-content-lead-black{
    color: #221d3e !important;  
    font-family: "HelveticaNeueW01-Thin",Arial;
    font-size: 60px !important;
    line-height: 0.9em;
    text-shadow: 0 0 10px #FFFFFF;  
    text-transform: uppercase; 
}           
    
/*
.x-viewport, .x-viewport body {
    border: 0 none;
    height: 100%;  
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.x-border-layout-ct {
    background-color: #DBEBFA;
}
.x-border-layout-ct {
    background-color: #DFE8F6;
}
.x-border-layout-ct {
    position: relative;
}
img, body, html {
    border: 0 none;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font: 12px tahoma,arial,sans-serif;
    margin: 0;
}
*/ 
  
/* for new pod style - green */ 
.pod-small-green, .pod-wide-green, .pod-vertical-green
{
/* 
background: -moz-linear-gradient(center top , rgba(6, 122, 31, 0.62) 0%, rgba(6, 122, 31, 0.62) 100%) repeat scroll 0 0 transparent;
*/
background:#23974c;
}
.pod-small-green img, .pod-wide-green img, .pod-vertical-green img, .pod-small-blue img, .pod-wide-blue img, .pod-vertical-blue img
{
    /* position: absolute; */        
    z-index: 1;
}  
.pod-small-green h2, .pod-wide-green h2, .pod-vertical-green h2       
{
    position: absolute;
    z-index: 10;
    padding:8px 0 0 12px;      
}
.pod-small-green, .pod-small-blue, .pod-small-white
{
width:220px;
height:150px;
}
.pod-wide-green, .pod-wide-blue, .pod-wide-white
{
width:458px;     
height:150px;
}
.pod-vertical-green, .pod-vertical-blue, .pod-vertical-white   
{
width:220px;  
height:313px;   
}     


/*for blue pods */
.pod-small-blue, .pod-wide-blue, .pod-vertical-blue  
{
/* 
background: -moz-linear-gradient(center top , rgba(6, 122, 31, 0.62) 0%, rgba(6, 122, 31, 0.62) 100%) repeat scroll 0 0 transparent;
*/
background:#196fc2;      
}  
.pod-small-blue h2, .pod-wide-blue h2, .pod-vertical-blue h2       
{
    position: absolute;
    z-index: 10;
    padding:8px 0 0 12px;  
    color: white !important;      
}      
/* for white pods */
.pod-small-white, .pod-wide-white, .pod-vertical-white
{
/* 
background: -moz-linear-gradient(center top , rgba(6, 122, 31, 0.62) 0%, rgba(6, 122, 31, 0.62) 100%) repeat scroll 0 0 transparent;
*/
background:#FFFFFF;   
color:rgb(6, 122, 31) !important;  
}
.pod-small-white h2, .pod-wide-white h2, .pod-vertical-white h2         
{
    position: absolute;
    z-index: 10;
    padding:8px 0 0 12px;      
    color: #23974c !important;                   
} 
.pod-wide-white h2{*right:3px; }  

.section-all-products .pod-small-white div span, .section-all-products .pod-wide-white div span, .section-all-products .pod-vertical-white div span{
 color: #23974c !important; 
 float: none !important;
}   
     
.section-all-products .pod-small-white .arrow, .section-all-products .pod-wide-white .arrow, .section-all-products .pod-vertical-white .arrow{
    background: url("en_AE/images/arrow.png") no-repeat scroll 100% -3% transparent !important;     
    padding-right: 10px; 
    
}             
.pod-small-white img, .pod-wide-white img, .pod-vertical-white img
{
    /* position: absolute; */        
    z-index: 1;
} 
    
   
  
 /* for new pod style */             


.section-homepage .read-link a {
    font-family: "HelveticaNeueW01-55Roma",Arial;
    color: #067A1F;
    display: block;
    float: right;
    /* font-size: 1.25em !important; */
    letter-spacing: -0.05em;
    padding: 0px 5px 5px 5px;
    *padding-top:3px;  
    width: auto;
    text-decoration: none !important;
    line-height: 100%;      
}         
section .container .body-left .page-subtitle .read-link{width:auto !important;}        
.section-homepage .read-link a:hover{ text-decoration:underline !important;}    
 
a#compare-product-button-top, a#compare-product-button-central{text-decoration:underline;}
a#compare-product-button-top:hover, a#compare-product-button-central:hover{text-decoration:none;}  
 
 
 
 
/*FOR SAFARI AND CROME FIX*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

.pod-small-white h2, .pod-wide-white h2, .pod-vertical-white h2       
{
    color: #23974c !important;                
}
}
/*end safari*/                          
             
  
/* For all products page pod text alignment */

.pod-link-bottom-left-all-products{
    bottom: 0;
    left: 0;
}
.pod-link-top-right-all-products {
    right: 0;
    top: 0;
}

.pod-link-top-left-all-products {
    left: 0;
    top: 0;
}

.pod-link-bottom-right-all-products {
    bottom: 0;
    right: 0;
}        

.section-all-products .pod-link-bottom-left-all-products {
    filter: none;
}
.section-all-products .pod-link-bottom-left-all-products {
    background: none repeat scroll 0 0 transparent;
    height: auto; 
}

.section-all-products .pod-link-top-left-all-products {
    background: none repeat scroll 0 0 transparent;
    top: 0;
}    

.section-all-products .pod-link-top-right-all-products {
    background: none repeat scroll 0 0 transparent;
    top: 0;
} 

.section-all-products .pod-link-bottom-right-all-products {
    background: none repeat scroll 0 0 transparent;
    top: 0; 
}     

.pod-link-all-products, .pod-link-bottom-left-all-products{
    background-color: rgba(6, 122, 31, 0.62);
    display: block;
    min-height: 44px;
    padding: 40px 12px;  
    position: absolute;
    width: 100%;
}   
            
    
.pod-link-top-right-all-products{
    background-color: rgba(6, 122, 31, 0.62);
    display: block;
    min-height: 44px;
    padding: 0 245px 0 0;    
    position: absolute;
  
}  
.pod-link-bottom-right-all-products{
    background-color: rgba(6, 122, 31, 0.62);
    display: block;
    min-height: 44px;
    padding: 0 200px 100px 0;  
    position: absolute;   
    
}                     
.pod-link-top-left-all-products{
    background-color: rgba(6, 122, 31, 0.62);
    display: block;
    min-height: 44px;
    /* padding: 10px 12px; */       
    position: absolute;  
    width: 100%;
} 
 
      
ul.nav li a  
{
font-family:"HelveticaNeueW01-75Bold", Arial\0/;                   
}       
.pod h2, .pod h2 b, .pod h2 strong{line-height:25px!important\0/;}   

div.page-subtitle h2{text-transform:none !important; } 


/* for search results page */  
.searched-content{}  
.searched-container{color: #000000;font-size: 0.75em;line-height: 16px;margin: 0 2% 4%;position: relative;text-align: left;top: -15px;}   
.searched-container a{color:#067A1F;text-decoration: underline;}
.section-search .page-title .searched-container{color:#000;font-size:12px;text-align:left;}  

/* changed for pod arrow alignment */
.pod-link, .pod-link-top-left, .pod-link-top-right, .pod-link-bottom-left, .pod-link-bottom-right {
    background-color: rgba(6, 122, 31, 0.62);
    display: block;
    min-height: 44px;  
    padding: 8px 12px !important;  
    position: absolute;
   /* left:-0.5px;*/   
   margin-right:2px;
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e067a1f',endColorstr='#9e067a1f',GradientType=0);  
}    
     
/* For Header bold in IE9/8/7  
.ie7 .navbar .nav >li >a span, 
.ie8 .navbar .nav >li >a span,
.ie9 .navbar .nav >li >a span{font-weight: bold; font-family: "HelveticaNeueW01-75Bold",Arial;}  */

.pod strong {
/*
font-weight: bold;
*/ 
    font-family: "HelveticaNeueW01-55Roma",Arial;
    font-weight: normal;
    }   

.section-all-products .body-right .text,.section-all-products .body-right .parbase{      

height:322px !important;      
margin-bottom: 0px;      
}           
/*
.ie8 ul.nav li a, .ie9 ul.nav li a{font-weight:bold;}    
*/
/*  pod width adjustment      
.section-content-lead .pod-link-top-left {width:88.5%\0/;}    
.pod-link-bottom-right{width:88%!important;}   */
.section-content-lead .pod-link, .section-content-lead .pod-link-bottom-left, .section-content-lead .pod-link-bottom-right, .section-content-lead .pod-link-top-left, .section-content-lead .pod-link-top-right{margin-right:2px;}   

.section-homepage .read-link .arrow , .section-lightmagazine .read-link .arrow {
    background-position: 98% 21px !important;   
}    
h2{text-decoration:none !important;}  
.height-fix {*height:590px!important;*float:left!important;}  


/* UAT fix #917 starts*/
.footer-links ul li.lastfootertext a:hover{
     text-decoration:none !important;    
}
.footer-links ul li.lastfootertext{
background:none repeat scroll 0 0 transparent;   
cursor:default;     
}
/* UAT fix #917 ends*/      
.section-homepage .read-link .arrow, .section-lightmagazine .read-link .arrow{background-position: 98% 16px !important; font-size: 1.7em !important;}


.ie7 .pod-fix-new:hover{border:1px solid #fff;margin:0px 0px 5px 0px !important;height:311px!important;} /*fixed UAT defect in ie7 issue */

div.pod-hero1 a{text-decoration:none;}
/*UAT defect 952*/  
/* section.section-background .container .body-left .page-title,
.section-search .page-title,
.page-title-allproducts,
.page-headline-lightmagazine, 
.page-headline-content-lead-black { 
text-shadow: 0 0 0px!important;  
}*/
        
#compare-product-container h3{margin: 26px 0 10px !important;}  
a#comparison-close-bt{text-decoration:underline;} 

/*form page*/
/*
.section-form .body-right .pod-form input.input-large{width:169px!important;}*/


/*form text field fix for 2*/  
.section-form .body-right .pod-form input.row-text-left,.section-form .body-right .pod-form input.row-text-right{margin-bottom:9px;width:169px!important;}  
.section-form .body-right .pod-form input.row-text-left{float: left;}
.section-form .body-right .pod-form .float-left{margin-right:0%!important;width:50%!important;}
.section-form .body-right .pod-form input.row-text-right{float:right;}
.section-form .body-right .pod-form input.warning.row-text-left,.section-form .body-right .pod-form input.warning.row-text-right{width:169px!important;}   

 /*form dropdown field fix for 2*/ 
.section-form .body-right .pod-form select.row-select-left,.section-form .body-right .pod-form select.row-select-right{margin-bottom:9px;width:185px!important;}  
.section-form .body-right .pod-form select.row-select-left{float: left;}
.section-form .body-right .pod-form select.row-select-right{float:right;}  
.section-form .body-right .pod-form select.warning.row-select-left,.section-form .body-right .pod-form select.warning.row-select-right{width:185px!important;}   

p.form_error
{
    background: none repeat scroll 0 0 #067A1F;
    color: #FFFFFF!important;
    font-family: "HelveticaNeueW01-47LtCn 692686",Arial;
    font-size: 1.2em !important;
    font-weight: normal;
    line-height: 20px!important;
    padding: 5px;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;  
    border-radius: 3px 3px 3px 3px;
    margin-bottom:9px!important;        
}   
div.form_row{text-align:right;} 
.parbase{margin-bottom: 9px;}    
/*
.section-form .body-right .pod-form .float-left {
    margin-right: 3%!important;
    width: 47%!important;       
    margin-bottom:9px;
}    */    
.section-form .body-right .pod-form input[type="submit"]{background:url("en_AE/images/formSubmit.gif") no-repeat scroll 0 0 transparent;border:0 none;color:#fff;width:105px;height:32px;padding:0 10px 0 0;}   
.section-form .body-right .pod-form input[type="reset"]{background:url("en_AE/blueVersionAssets/clear-btn-gray.gif") no-repeat scroll 0 0 transparent;border:0 none;color:#fff;width:105px;height:32px;padding:0 10px 0 0;}
div.dropdown select.row-col-2{float: left;margin-bottom: 9px;width: 181px!important;} 
div.dropdown select.row-col-2[name="City"]{margin-right:40px;}
div.dropdown select.row-col-3{float: left;margin-bottom: 9px;margin-right: 6px;width: 128px!important;}     
.hidelable{display:none!important;}
div.checkbox{   
    border-bottom: 1px dotted #A2A3A4;
    border-top: 1px dotted #A2A3A4;
    margin: 16px 0 16px 0;
    padding: 10px 10px 1px 10px;    
    font-weight:normal;        
}   
label.label-right-ie-fix{display:block;margin-left:18px;}   
div.end{margin-top: 20px;}
.form-field-legend{  
    color: #067A1F;  
    font-family: "HelveticaNeueW01-67MdCn 692710",Arial;
    margin-bottom: 0;
    margin-top: 18px;
    text-transform: uppercase;
    }
.section-form .body-right .pod-form{min-height:501px;overflow:hidden;}
div.pod-form-setnew h2, div.pod-form-setnew h3 
{
    color: #067A1F;
    font-family: "HelveticaNeueW01-67MdCn 692710",Arial;
    font-weight: bold;
    line-height: 14px;
}
div.pod-form-setnew p   
{
    color: #333333;
    font-family: Arial;
    font-size: 0.75em;  
    font-weight: normal;    
    margin: 13px 0 0 0;   
    }

div.pod-form-setnew a, div.pod-form-setnew a:hover    
{
    color: #067A1F;  
}
select.input-medium{margin-bottom:9px;}
.section-form .body-right .pod-form select{padding-bottom:6px!important;}              
div.pod-form-setnew p.form_description{display:inline;font-size:0.75em;position: relative;top: -3px;}         
  
 /*Gigy UI fixes*/

iframe.twitter-share-button
{
    height: 20px;
    margin-right: 1px;
    max-width: 95px!important;
    min-width: 70px!important;  
    max-width: 95px\0/!important;  
}  
/*iframe.fb_ltr     
{
    display: inline-block;
    float: left;  
    height: 20px;
    margin-right: 1px;
    width:  80px !important;
    max-width: 80px!important;
    min-width: 70px!important;
} */   
.mhs pvm phs ConnectActivityLogin uiBoxWhite{display:none;}         
#componentDiv div.gig-button-container{padding:0px;} 
#componentDiv table{background:none;width:0;margin-top:0px;}  
#componentDiv table tr td{padding:0px;}
.pluginCountButton{min-width:0!important;}
.fb_iframe_widget span{width:auto!important;} 
.fb_iframe_widget iframe{position:relative!important;}
/*
div.social-interaction-bar iframe{max-width: 90px!important;min-width: 70px!important;width:90px;  }
*/  
div.fb-like span{display:block;margin-right:75px!important;}    

div.gig-comments-comment{padding-top:8px !important;}  
.product-description h2{margin-bottom:0!important;}
div#rates-and-reviews-comments table{width:442px!important;}  
div.gig-comments-commentData-header {float: left; width: 100%;} 
.section-content .pod-full{margin: 0 0 20px !important;  width: 100% !important; }
div.gig-comments-comment-body{color:#000!important;width: 442px;word-wrap: break-word;}  
div.gig-comments-headerText{width:105px;}
div.customer-rating-container table{background:none!important;margin-top:0px!important;}
div.customer-rating-container table tr td, div.customer-rating-container table tr th{padding-left:0px!important;}

div.gig-comments-rating{padding-bottom:3px!important;} 

div.gig-comments-addComment-ratings, div.gig-comments-addComment-label{width: 424px;}
.gig-comments-addComment-ratings-stars-container{padding-botom:1px!important;}
div#rates-and-reviews-login{padding-left: 15px;width: 152px;}  
div.gig-comments-commentData-header{padding-top:10px;border-top:1px solid #ccc;} 
div.gig-comments-textarea-wrapper{width:425px;}
#rates-and-reviews textarea.gig-comments-commentBox-textarea{width:415px;}
.gig-comments-container {*float:left;}  
 div.gig-comments-comment-body{ //font-size: 0.85em;line-height: 14px;} 
span.gig-comments-username{font-family:arial;font-weight:normal;color:black;}
span.gig-comments-comment-time{color: #067A1F;font-size: 12px;padding-left: 20px;}          
.gig-comments-photo-container{display:none;}
.gig-comments-replyButtonAndCount{display:none;}  
.gig-rating{display:none;}   
div#review_0 a.rates-close {         
    display: block !important;
    left: 385px;
    position: relative !important;
    top: -28px;
}  

#facebook-icon-social table{background:none!important;}
#facebook-icon-social table tr td{text-align:right;}
iframe{background:#fff!important;border:0 none;}  
#componentDiv iframe{background:none!important;}      
div.facebook-icon-social{top:100px!important;}
textarea#rates-and-reviews-commentTextarea{width:415px!important;} 
div.gig-comments-commentBox-bottom{width:436px!important;}  
div#componentDiv-reaction3{position:relative;left:-12px;}
div.fbpf, div._5v4, div._5vc, div._5v8{width:300px!important;}     
.social-interaction-bar .review
{
    color: #FFFFFF;
    float: right;
    font-size: 0.933em;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;  
    text-shadow: 0 0;
}  
 .social-interaction-bar .review:hover
{
    color: #FFFFFF;
    text-decoration: underline;
} 
.social-interaction-bar{height:32px; position:relative}                  
.social-interaction-bar{height:32px;padding:5px; background-color:#067A1F; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#067A1F,endColorstr=#067A1F)"!important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#067A1F,endColorstr=#067A1F) !important;}   

.ie7 .social-interaction-bar {background-color:#067A1F !important }  

div.know-more-social          
{
width:238px;
height:174px;     
margin:0;   
padding:0;        
/* background:url("en_AE/images/Know-someone-text-bg-green.jpg") no-repeat scroll 0 0 transparent; */
}
div.facebook-icon-social img, div.mail-icon-social img
{
border:0 none;
}
div.facebook-icon-social, div.mail-icon-social 
{
top:108px;
position:relative;
float:left;
width:110px;     
}
div.facebook-icon-social  
{
margin:0 3px 0 0;
padding:0;
text-align:right;
}  
div.mail-icon-social 
{
margin:0  0 0 3px;
padding:0;
text-align:left;
}
.gig-chat table, div#container table{background:#01beed !important;}  
div#reviews{display:inline;}      
a.fix-subject-height{height:20px;overflow:hidden;line-height:18px;}
div.forum div.article p.author{height:30px;overflow:hidden;}  
div.forum div.article p{height: 15px;overflow:hidden;}          
#componentDiv table tr td{vertical-align:top!important;} 
.gig-chat-msgSender, .gig-chat-msgBody, .gig-chat-msgTime{display:block;width:180px;position:relative;left:-35px;padding:0 50px 0 10px;margin:0;}
.gig-chat-msgSender a, .gig-chat-msgBody a, .gig-chat-msgTime a{color:#fff;font-size:11px;}

/*forum page*/
div.forum div.topic{width:430px;}    
div.forum div.topics ul li div.right, div.forum div.topics ul li p.startedby{font-size:0.688em!important;} 
div.forum div.topics ul li p.subject{margin-bottom:0;}    
p.forum-gen-msg{margin:15px 0 0 0;}
div.forum div.composer input[type="text"]:focus, div.searchbox input[type="text"]:focus,div.forum-input-fix input[type="text"]:focus{border-radius:10px 10px 10px 10px!important;}   
div.forum-input-fix .text    
{
    color: #000000;  
    font-size: 0.688em;  
    font-weight: normal;    
    text-decoration:none; 
}                
div.forum-input-fix ul{margin:0;}
div.forum-input-fix ul li div.comment{float:left;width:418px;}  
div.forum div.topic div.right{margin-left:50px;}
div.forum-input-fix p.back a{color:#999999!important;font-size:0.7em!important;font-weight: normal;}        
div.stats{display:none;}    
div.forum-input-fix p.back{color:#999999}                       
div.forum-input-fix input[type="submit"]{background:url("en_AE/images/formSubmit_green.jpg") no-repeat scroll 0 0 transparent;border:0 none;color:#fff;width:105px;height:32px;}    
div.forum div.topics ul li{margin-bottom:5px;}
.article a{color:#067A1F;}  
/*footer CQ5 issue*/    
div.footer-links .cq-placeholder-assistNav{top:-500px!important;position:relative!important;}                      
div.forum label{display:block;}
p.form_description{*line-height:21px;}                               
div.login, .comment{color:#005DA8!important;}    
div.login{margin-top:10px;margin-bottom:5px;}       
div.nocomment{top:5px!important;} 
a.forum_logout{
    color: #005DA8;
    font-size: 15px;        
    left: 404px;
    line-height: 16px;
    position: relative; 
    text-decoration: none;  
    top: -8px;   
    font-family:Arial; 
}                       
a.forum_logout:hover{text-decoration:underline;}                 
div#loginDiv table, div#rates-and-reviews-login table{background:none!important;} 
.ie7 section.section-all-products div.forumfeeds div.col-right{left:10px;} 
.ie7 .col-right{float:left!important}
#componentDiv{overflow:auto;} 
div.forum div.topics ul li p.subject a, div.forum div.topics ul li p.startedby, div.forum div.topics ul li div.right
{
font-family: "HelveticaNeueW01-77BdCn 692722",Arial!important;
}           
/*.footer-content .social{width:297px!important;}*/    

div.forum div.topic div.subject p, div.forum div.topic div.forum_userinfo div.forum_user    
{
font-family:"HelveticaNeueW01-77BdCn 692722",Arial;    
}   
p.startedby, div.right p
{ 
font-family:Arial!important;
}  
   
/*forum search result*/
div.results span.forum
{
min-height:0!important;  
padding:0 4px 0 0 !important;
float:none!important;
}
div.results span.forum a {color:#067A1F !important;}  
div.results ul li:hover{background:none!important;}
div.results ul li p.subject a
{
    font-size: 1.4em !important;
    font-weight: normal;
    line-height: 0.9em !important;
    font-family: "HelveticaNeueW01-77BdCn 692722",Arial !important;  
    color:#067A1F !important; 
}
div.forum-input-fix div.forum_search{width:450px!important;}
div.forum-input-fix div.forum_search input[type="checkbox"]{margin: 2px 0!important;padding:0 0px !important;}    


.row-text-down {
    margin: 0;
    padding:0;
    width: 105px;
    font-size:15px!important; 
}         
       
.row-text-up {    
    margin: 0;
    width: 115px;
    font-size:15px!important;
}      
                   
.dosage-submit,.dosageimage, .row-text-up,.dosagecalimage,.row-text-up,.row-text-down, .pod-form-dosage input[type="text"], .pod-form-dosage input[type="submit"] {       
  display:inline            

}     
     
.dosagecalimage {
    margin: 0;
    padding: 0;
    width: 30px; 
}           
    
div.producttitle h4{
line-height: 20px;  
color: #067A1F !important;
font-family: "HelveticaNeueW01-67MdCn 692710",Arial;    

}
 
.pod-form-dosage {
    background: none repeat scroll 0 0 #E6E6E6;
    margin: 0 0 15px 0;
    padding: 20px 5px;    
    width: 410px;    
    overflow:hidden; 
    float:left; 
   
} 
.pod-form-dosage form{margin:0!important;padding:0!important;}     
.productresult{border-bottom:1px solid #067A1F;padding:10px 0 10px 0;margin:10px 0 10px 0;width:415px;position:relative;overflow:hidden;clear:both;}   
.prod-txt{float:left;margin:20px 0 0 0;padding:0;width:200px;word-wrap:break-word;}
.dosageimage{
float:left;margin:0;padding:0;width:200px;text-align:left;height:auto;
} 
.dosageimage img{width:auto!important;height:auto!important;}
.dosageinputs{width:415px;overflow:hidden;} 
div.prod-txt h4{margin:10px 0 15px 0;} 
.producttitle{ 
    background: url("en_AE/images/arrow.png") no-repeat scroll 100% 8px transparent;
    clear: both;
    padding-right: 10px;
    position: relative;
}
.form-algn1, .form-algn2{float:left}  
.form-algn1{width:170px;}
.form-algn2{width:240px;} 

.new-dose-sub 
{
    background: url("en_AE/images/formSubmit.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    height: 32px;
    padding: 0 10px 0 0;
    width: 105px!important;
    font-family: "HelveticaNeueW01-47LtCn 692686",Arial;
    font-size: 1.333em!important; 
}  
.new-dose-txt   
{    
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    height:25px; 
    padding:7px 4% 7px 7px!important;  
    background: url("en_AE/images/required.png") no-repeat scroll 97% 115% #FFFFFF; 
}
.form-algn1 img{*margin-top:0px !important;margin-top:12px;}        
.dosage-submit{margin-top:9px !important;*margin-bottom:10px !important;} 
.new-arrow
{
    background: url("en_AE/images/arrow.png") no-repeat scroll 0 0 transparent;
    bottom: 6px;
    position: absolute;
    right: 4px;
    display: block;
    height: 8px;    
    width: 5px; 
}
.pod-fix-new h2{position:relative;} 
.new-arrow-pod
{
    background: url("en_AE/images/arrow.png") no-repeat scroll 100% -247px transparent; 
    bottom: 6px;
    position: absolute;
    right: 4px;    
    display: block;
    height: 12px;
    width: 12px; 
}  


/* Changes included for CR - font change and Footer width in Jan 2014 by Prabhakaran */

.pod-fontstyle-myriad  
{
font-size: 21px;
font-weight: normal;
font-family: Myriad;
line-height: 22px;
text-transform: uppercase;
background:transparent url("en_AE/images/arrow.png") no-repeat 100% 49%; 
padding-right:10px;
display: block;

}

.pod-fontstyle-courier
{
font-size: 21px;
font-weight: normal;
font-family: courier;
line-height: 22px;
text-transform: uppercase;
background:transparent url("en_AE/images/arrow.png") no-repeat 100% 49%; 
padding-right:10px;
display: block; 

}

.pod-fontstyle-roman
{
font-size: 21px;
font-weight: normal;
font-family: times new roman;   
line-height: 22px;
text-transform: uppercase;
background:transparent url("en_AE/images/arrow.png") no-repeat 100% 49%;  
padding-right:10px;
display: block;

}    
.pod-fontstyle-calibri
{
font-size: 22px;
font-weight: 400;
font-family: calibri;
line-height: 22px;
text-transform: uppercase;
background:transparent url("en_AE/images/arrow.png") no-repeat 100% 49%;
padding-right:10px;
display: block; 

}
/* .arrow-inside 
{
background:transparent url("en_AE/images/arrow.png") no-repeat 100% 49%;    
height:16px;
width:10px;
position:relative;
the below 2 lines has to be commented if the class has to be used
bottom:15px;
right:25px;
display: inline-block;     

} */

/* pod font for calibri, courier, Myriad */
.pod h4{
line-height: 22px;
text-transform: uppercase;
font-family: calibri;
font-size: 22px;  
font-weight: 400;
} 
.pod h5{
line-height: 22px;
text-transform: uppercase;
font-family: courier;
font-size: 22px;  
font-weight: normal;
}  
.pod h6{
line-height: 22px;
text-transform: uppercase;
font-family: Myriad;
font-size: 22px;  
font-weight: normal;     
}   
   /* Scroll bar overflow fix */  
.social-interaction-bar #componentDiv{overflow:hidden !important;}

 div.forum div.composer {
    font-size: 11px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    padding-left: 5px;
} 

div.forum div.composer input[type="checkbox"] {
    margin: 10px 0;
}

div.forum div.composer input[type="text"], div.forum div.composer textarea {
    color: #888;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 3px;
}

div.forum div.composer input[type="text"] {
    height: 14px;
    left: 0;
    top: 0;
}

div.forum div.composer .hidden {
    display: none;
}

div.forum div.composer textarea {
    height: 60px;
    left: 0;
    top: 26px;
}
div.forum div.composer textarea,div.forum div.composer input[type="text"]{width:300px;} 
div.forum div.composer div.left.expanded {
    height: auto;  
}

div.forum div.composer div.left.expanded input[type="text"], div.forum div.composer div.left.expanded textarea {
    color: #333;
}

div.forum div.composer div.left.expanded div {
    display: block;
}
div.left h2 {
    background: none repeat scroll 0 0 transparent;
    font-size: 1.4em;
    line-height: 0.9em;
    margin: 0!important;
    padding: 6px 0 0 !important;
    text-align: left;
}   
p.startedby{margin:0;}

div.right p{display:inline;margin-top:0!important;padding-top:0!important;}
div.forum div.topics ul li p.startedby{margin-right:90px;}
div.forum div.topics ul li div.right{margin-left:55px;}
div.topic_user, div.user_detail{float:left;overflow:hidden;word-wrap:break-word;color:#000;display:inline;}
div.topic_user{width:125px;text-align:left;}
div.user_detail{width:250px;text-align:right;}


.centergallery div.cq-colctrl-lt1-c0,.centergallery div.cq-colctrl-lt1-c1{
    margin-right: 5px !important;
}

.centergallery div.parsys_column .coretanoverlay{
    margin-bottom: 20px !important;
}

#colorbox img{
vertical-align:initial;
}      
/* ----------------------------------------------< START: Forum General > --- */

body.forum div.cq-colctrl-lt0-c0 {
    width: 150px;
}

body.forum div.cq-colctrl-lt0-c1 {
    width: 770px;
}  

body.forum div.system.spam,
body.forum div.system.moderate {
    color: red;
}

div.forum div.header {
    border-bottom: 1px solid #DDDDDD;
    height: auto;
    margin:10px 0px 20px 0;
    overflow: hidden;
    padding: 5px;
    width: auto;
}

div.forum div.error {
    color: #FF0000;
    font-weight: bold;
    margin: 10px 0 20px 10px;
}

div.forum div.header div.pagination {
    color: #535353;
    float: right;
    margin: 5px 20px;
}

div.forum div.header div.pagination a,
div.forum div.header div.pagination span.from {
    color: #535353;
    font-weight: bold;
}

div.forum div.header div.pagination a:hover {
    text-decoration: underline;
}

div.forum a {
    color: #067A1F;
    text-decoration: none;   
}

div.forum a:hover {
    text-decoration: underline;
}

/* ---------------------------------------------------------< Forum Tags >--- */

div.forum div.tags {
    bottom: 0;
    position: absolute;
    right: 0;
}

div.forum div.tags div.tag {
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    margin-right: 4px;
    padding: 1px 4px;
}
 
div.forum div.tags div.tag.hot {
    background-color: #e38b1e;
}

div.forum div.tags div.tag.answered {
    background-color: green;
}

div.forum div.tags div.tag.unanswered {
    background-color: #c1563f;
}

div.forum_search a {
    color: #7CA9E6;
    font-weight: bold;
    text-decoration: none;
}

div.forum_search a:hover {
    text-decoration: underline;
}

div.forum_search div.results div.pagination {
    margin-top: 20px;
}

div.forum_search div.results div.pagination div.entry {
    float: left;
    margin-right: 5px;
}

div.forum_search div.results  ul {
    list-style: none outside none;
    margin: 10px 0 0;
    padding: 0;
}

div.forum_search div.results  ul li {
    border-top: 1px solid #AAAAAA;
    padding: 5px 0 5px 5px;
}

div.forum_search div.results ul li:hover {
    background: #eee;
}

div.forum_search div.results ul li p.subject {
    margin: 0;
}

div.forum_search div.results ul li p.info {
    font-size: 12px;
    margin: 3px 0 0;
}

div.forum_search div.results ul li span.lead {
    color: #999;
}

div.forum_search div.results ul li span.forum a {
    color: #999;
    font-weight: normal;
    text-decoration: underline;
}

div.forum_search div.results ul li span.repliesCount {
    color: #999;
}

div.forum div.searchbox {
    float: left;
    margin: 5px;
    width: 200px;
}

div.forum div.topic {
    margin-top: 0;
}

div.forum div.topic p.back {
    margin-bottom: 5px;
    text-decoration:none;  
}
div.forum div.topic p.back:hover,div.forum div.topic p.back:focus  {  
    text-decoration:none;      
} 
.comment:hover{text-decoration:none!important;}
.status{color:#067A1F!important;}      

div.forum div.topic div.subject p {
    color: #067A1F;   
    line-height: 0.9em!important;  
    font-weight: normal;
    font-size:1.4em!important;

}  

div.forum div.topic div.message {
    border-bottom: 1px solid #DDDDDD;
    overflow: hidden;
    padding-bottom: 10px;  
}


div.forum div.topic div.forum_userinfo {
    position: relative;
}

div.forum div.topic div.forum_userinfo div.forum_user {
    padding: 5px 0 5px 50px;
}

div.forum div.topic div.forum_userinfo div.forum_user p {
    color: #067A1F;
    font-weight: bold;
    padding-bottom: 4px;
}

div.forum div.topic div.forum_userinfo div.forum_user p span.location,
div.forum div.topic div.forum_userinfo div.forum_user p span.numberOfPosts {
    color: #000;
    font-size: 0.688em;
    font-weight: normal;
}

div.forum div.topic div.forum_userinfo div.avatar {
    height: 33px;
    left: 0;
    margin: 5px 15px 0 5px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 33px;
}

div.forum div.topic div.left {
    float: left;
    margin-right: 30px;
    padding: 5px 0 5px 50px;
    position: relative;  
}



div.forum div.topic div.right {
    float: left;
    position: relative;
    width: 200px;
}

div.forum div.topic div.right p.time a {
    
    font-size: 0.688em;
    font-weight:normal!important;  
}

div.forum div.topic div.stats {
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
    clear: both;
    color: #535353;
    font-size: 18px;
    font-weight: bold;
    padding:15px;
}

div.forum div.topic div.status {
    padding: 10px;
}

div.forum div.topic ul {
    list-style: none outside none;
    padding: 0;
}

div.forum div.topic ul li {
    border-bottom: 1px solid #dddddd;
    clear: both;
    overflow: hidden;
}

div.forum div.topic ul li:hover {
   /* background: #eee*/  
}

div.forum div.topic ul li div.message {
    border: none;
    background-color: inherit;
    padding-bottom: 10px;
}

div.forum div.topic ul li div.post {
    margin-top: 0;
}

div.forum div.topic div.composer {
    margin: 10px 0 0 0;
}

div.forum div.topic div.pagination {
    margin-top: 20px;
}

div.forum div.topic div.pagination div.entry {
    float: left;
    margin-right: 5px;
}
 
div.forum div.topic div.pagination div.entry a.current {
    color: #888;
}


div.forum div.topics ul {
    list-style: none outside none;
    margin: 10px 0 0!important;
    padding: 0;
}

div.forum div.topics ul li {
    border-top: 1px solid #dddddd;
    clear: both;
    overflow: hidden;
    padding: 10px 0 10px 5px;  
}

div.forum div.topics ul li:hover {
  /*  background: #eee;*/   
}

div.forum div.topics ul li div.avatar, div.forum div.composer div.avatar {
    float: left;
    height: 33px;
    margin: 0px 15px 0 5px;
    overflow: hidden;
    width: 33px;
}

div.forum div.topics ul li div.left, div.forum div.composer div.left {
    float: left;    

    width: 350px;
}

div.forum div.topics ul li div.right {
    float: left;
    width: 370px;
}

div.forum div.topics ul li p.subject a {
   /* border-bottom: 1px dotted #dddddd;*/ 
    margin-bottom: 0px;
    padding-bottom: 4px;
    margin-top:2px;
    line-height:0.9em!important;
    font-size:1.4em!important;
    font-weight:normal; 
}
  

div.forum div.topics ul li p.startedby { 
     font-size: 11px; 
}
 
div.forum div.topics ul li p.replies {
    font-size: 11px;
}

div.forum div.topics ul li p.lastpost {
    font-size: 11px;
}

div.forum div.topics ul li div.info {
    color: #999;
    font-size: 12px;
    margin: 3px 0 0;
}

div.forum div.topics ul li.pinned {
    background-color: #fffee2;
}

div.forum div.topics ul li div.info div {
    display: inline;
    margin-right: 10px;
}
/*
div.forum div.topics ul li span.user {  
    font-style: italic;
}*/ 

div.forum div.topics ul li div.time {
    color: #000;
}

div.forum div.topics ul li div.time a {
    color: #000;
    font-weight: normal;
    text-decoration: underline;
}

div.forum div.topics ul li div.replies {
    color: #000;
}


.counter {height:80px;position:relative;background:url(en_AE/images/counter_bg.png) repeat-y;}
.counter_left {margin-left:112px;margin-top:10px;position:relative;float:left;width:560px}
.counter_left p {color:#fff;margin:0;font-size:12px;}      
   
.counter_right {min-width:270px;min-height:18px;right:90px;margin:10px 0;padding:13px 15px;background-color:#0a4138;position:absolute;}
.counter_right p.digits {margin:0;font-size:30px;color:#fff;line-height:normal;}
.counter_right p.desc {top:16px;right:10px;width:140px;margin:0;font-size:12px;font-weight:bold;color:#4cb8ac;text-align:center;position:absolute;line-height:normal;}
    
.btn_findoutmore {top:-1px;right:0;position:absolute;float:right;font-weight:bold;text-decoration:none;color:#fff;font-size:12px;}
.btn_findoutmore img {top:-2px;left:5px;position:relative;}
     
.counter img.candles {margin-left:10px;margin-top:5px;position:relative;}
.counter img.candles.first {margin-left:0;}  
       
.content {min-height:595px;position:relative;}   
.content.center {text-align:center;}
.content.coverimg {background:url(clientlibs_green/images/bg.png) no-repeat; 
    -webkit-background-size: cover;
    -moz-background-size: cover; 
    -o-background-size: cover;
    background-size: cover;
    }
.content.lightgreenbg {background-color:#eff5f2;}

.storycontent {min-width:500px;max-width:650px;min-height:184px;/* margin-top:256px; */ padding:20px 30px;background-color:#fff;position:absolute;float:left;}
.storycontent h1 {margin:0;font-size:25px;font-weight:normal;letter-spacing:-1px;line-height:25px;color:#1f9885;}
.storycontent h1 span {font-weight:bold;}
.storycontent p {margin:5px 0;font-size:14px;color:#1f9885;line-height:15px;}   
.btn_sharecoretan {font-size:18px;font-weight:bold;text-decoration:none;color:#eb1921;}
.btn_sharecoretan img {top:-2px;left:5px;position:relative;}

.btn_video {margin-left:32px;margin-top:490px;position:absolute;float;left;}
.btn_share,.btn_gallery,.btn_tips {position:absolute;right:30px;}
.btn_share {margin-top:10px;}
.btn_gallery {margin-top:170px;}
.btn_tips {margin-top:330px;}

/* .tagline {position:absolute;right:30px;bottom:0;} */
.tagline p {font-size:18px;color:#fff;text-align:right;margin-bottom:20px}
.greenfottext p {color:#3a766c !important;text-align:right;}
.tagline p span {font-size:10px;letter-spacing:0.2px;}  
      
/*-----*/          
   
.btn_back {top:0;left:0;position:absolute;z-index:99;}
.titleimg {position:relative;}  

.steps {margin:20px auto;width:930px;min-height:300px;position:relative;}
.steps h1 {margin:0;font-size:25px;font-weight:normal;letter-spacing:-1px;color:#1f9885;}
.steps p {margin:0 0 20px;font-size:14px;color:#666;}
.steps .desc {margin:10px 0 0 21px;width:200px;position:relative;float:left;}
.steps .desc.first {margin-left:32px;}

.galleryimg_row {width:932px;height:208px;margin:0 auto 20px;position:relative;}
.galleryimg_row.bottom {padding-bottom:60px;}
.galleryimg_box {width:300px;height:208px;margin-left:10px;position:relative;float:left;}
.galleryimg_box.first {margin-left:0;}
.btn_sharefb {margin-top:5px;}

/*-----*/

.overlay {text-align:center;}

.topoverlay {margin:0 auto;position:relative;}
.topoverlay h1 {margin:0;font-size:25px;font-weight:normal;letter-spacing:-1px;color:#1f9885;}
.topoverlay img {margin:20px 0;}

.bottomoverlay {margin:0 auto;width:415px;position:relative;}
.bottomoverlay p {margin:0;padding-right:28px;margin-top:45px;font-size:12px;color:#666;float:right;position:relative;}

.fb_icon img {top:2px;position:relative;}      
.socialsharegallery{      
    text-align:center;      
}

.candleoneon{      
 display: none;  
}

#colorbox .overlay{
    background: none !important;
}

.panadol #colorbox table{
    background: none !important;
}  

.panadol #colorbox table tr td{
    text-align: right !important; 
}
.panadol #colorbox table tr td, .panadol #colorbox table tr th {
padding: 0 !important;
}

#colorbox .buttonchooseagain, #colorbox .buttonfb{
   float:left;
}  
#colorbox .buttonfb{
 position:absolute;  
 left:205px;
}   

#colorbox .gig-share-button-text, #colorbox .gig-share-button-icon{
   display:none;       
}    
   
/* .fullwidthsection{
 margin-top: 300px;
}  */
     
.storycontentarrow{  
background: url("en_AE/images/redcursor.png") no-repeat scroll 50% 50% transparent;   
}         
.storycontentarrow a, .storycontentarrow a:hover{
font-size: 18px;     
font-weight: bold;   
text-decoration: none;  
color: #EB1921;   
}   
.storycontentarrow {       
    float: left; 
    width:650px;
}     
/* .storycontent{
    margin-top:230px !important; 
}  */     
.btn_video{
    margin-top:50px !important; 
} 
    
     
.centergallery{  
width: 932px;
margin: 0 auto 20px;
position: relative; 
}       

.gig-button table tr td:nth-child(2)
{   
    display: none;        
}

.sharecount{
    max-width:1360px;
    margin: 0 auto;
}

/* Changes for Gallery page issue*/
.tagline {
    float: right;
    width: 990px;
} 
 
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}  
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(en_AE/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
/*
    #cboxTopLeft{width:21px; height:21px; background:url(clientlibs_green/css/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(clientlibs_green/css/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(clientlibs_green/css/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(clientlibs_green/css/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(clientlibs_green/css/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(clientlibs_green/css/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(clientlibs_green/css/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(clientlibs_green/css/images/border.png) 0 -29px repeat-x;}
*/
    #cboxContent{background:none; overflow:hidden;}
        .cboxIframe{background:none;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(en_AE/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(en_AE/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        #colorbox #cboxClose {top:0;right:0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(en_AE/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(en_AE/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(en_AE/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/  
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}