/* Styles for website */

body {background: rgb(0,0,0) center;margin:0;padding:0;border:0;font-family: Arial,Verdana; font-size:11px; line-height:13px; color:#464646;}

#container {width:900px;text-align:left;margin-left:auto;margin-right:auto;margin-top:15px;margin-bottom:15px;padding-left:0px;}

#container .banner {clear:both;width:900px;height:114px;background: url(../../media/images/banner.jpg) no-repeat;}
#container .banner a {display:block;width:900px;height:114px;text-decoration:none;}


h1,h2,h3,h4,h5,p {margin:0px;}
h1 { font-size:32px; font-weight:bold; color:#ff0099; line-height:32px; }
h2 { font-size:24px; font-weight:bold; color:#ff0099; line-height:24px; }
h3 { font-size:18px; font-weight:bold; color:#ff0099; line-height:18px;}
h4 { font-size:14px; font-weight:bold; color:#ff0099; line-height:14px;}
h5 { font-size:12px; font-weight:bold; color:#ff0099; }
a { color:#ff0099; text-decoration:none; }
a:hover { color:#ff6699; text-decoration:underline; }
img { padding:0px; border:0px; }
form { padding:0px; margin:0px; border:0px;overflow:visible; }

.link_ { text-decoration:none; border-bottom: dashed 1px black; }
.error { color:#ff0000;}
.required { color:#ff0000;}
.whiteHr { color:#ffffff;}
.pinkTitle {color:#ff0099 !important;}
.offPinkTitle {color:#ff6699;}
.aspControl {font-size:11px;}
.sifrheading {font-size:32px; font-weight:bold; color:#ff0099; line-height:32px; margin:0px;}
.highlight { font-weight: bold; color: #ec008c; }

.celebslim {font-size: 11px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #f27fb0;}
.celebslimBig {font-size: 14px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #f27fb0;}
.highBig {font-size: 14px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #ec008c;}
.plain {font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #464646;}
.bullets {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #464646;list-style-position: outside;list-style-image: url(../../media/images/bullet_dot.gif);}
.lrgBullets {font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 17px;font-weight: bold;color: #464646;list-style-position: outside;list-style-image: url(../../media/images/pink_tick.gif);}
.lrg {font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 17px;color: #464646;list-style-position: outside;list-style-image: url(../../media/images/pink_tick.gif);}

.pinkTick {list-style-position: outside;list-style-image: url(../../media/images/pink_tick.gif);}

/* aJax Toolkit Styles */
.modalBackground {background-color:#000000;filter:alpha(opacity=70);opacity:0.7;}
.modalPopup {background-color:#ffffff;border-width:3px;border-style:solid;border-color:Gray;padding:3px; position: relative; }

/********************* GENERIC BUTTONS *********************/
a.button
{
    display: block;
    background-position: 0 0;    
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    margin: 0 10px 0 0;
}

a.regular,
a.large
{
    height: 27px;
    line-height: 27px;
    font-size: 13px;    
}

a.regular 
{
    width: 93px;
    background-image: url(../../Media/Images/buttons/blank-regular-button.gif);
}

a.large 
{
    width: 219px; 
    background-image: url(../../Media/Images/buttons/blank-large-button.gif);
}

a.regular:hover { background-position: -93px 0; }
a.large:hover { background-position: -219px 0; }

a.button:active { background-position: 0 0; }


/********************* COMMON BUTTONS *********************/
a.submit, a.reset, a.next, a.back
{
    width: 93px;
    height: 27px;
}

a.submit { background-image: url(../../Media/Images/buttons/submit-button.gif); }
a.reset { background-image: url(../../Media/Images/buttons/reset-button.gif); }
a.next { background-image: url(../../Media/Images/buttons/next-button.gif); }
a.back { background-image: url(../../Media/Images/buttons/back-button.gif); }

a.submit:hover, a.reset:hover, a.next:hover, a.back:hover { background-position: -93px 0; }
a.submit:active, a.reset:active, a.next:active, a.back:active { background-position: 0 0; }

/********************* BASIC FORMS *********************/
/* Widths and images are included in the applicable stylesheet (Main.css and Member.css) */
.form
{
    font-family: Arial,Verdana; 
    background: #FDE5EF; 
}

.form .top,
.form .bottom
{
    height: 10px;
    font-size: 1px;
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
}

.form .contentArea 
{
    border-left: Solid 1px #FF0099;
    border-right: Solid 1px #FF0099;
    overflow: hidden;
}

.form .contentArea table { margin: 0 auto; }

.form .contentArea .inputControl
{
    border: Solid 1px #FF0099; 
    font-size: 11px;
}

.form .contentArea .row 
{
    clear: both; 
    overflow: hidden; 
    margin-bottom: 2px;
}


.form .contentArea .row .headingColumn,
.form .contentArea .row .dataColumn
{
    float: left; 
    min-height: 30px; 
    border: Solid 1px #FDE5EF;
}

* html .form .contentArea .row .headingColumn, 
* html .form .contentArea .row .dataColumn 
{ 
    height: 30px; 
}

.form .contentArea .row .headingColumn
{
    text-align: right; 
    color: #464646; 
    font-weight: bold; 
    padding-left: 20px; 
    padding-top: 2px;
}

.form .contentArea .row .dataColumn
{
    padding-left: 10px; 
    padding-top: 2px;
}

.form .contentArea .row .fullColumn 
{
    padding-left: 10px;
    padding-right: 10px; 
    padding-top: 2px; 
}
/********************* BANNER (AU VARIANT) *********************/
.banner_au
{
    clear: both;
    width: 900px;
    height: 114px;
    overflow: hidden;
}

.banner_au a.auLogo 
{
    float: left;
    display: block;
    width: 721px;
    height: 114px;
    margin: 0 8px 0 0;
    background-image: url(../../Media/Images/banner_au.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
}

.banner_au .buyOnline
{
    width: 171px;
    float: left;
}

.banner_au .buyOnline a.logo
{
    width: 171px;
    height: 114px;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
}

.banner_au .buyOnline a.pharmaonline 
{ 
    background-image: url(../../Media/Images/pharmaonline-banner-link.gif);
}


/********************* BANNER (UK VARIANT) *********************/
.banner_uk
{
    clear: both;
    width: 900px;
    height: 114px;
    overflow: hidden;
}

.banner_uk a.ukLogo 
{
    float: left;
    display: block;
    width: 721px;
    height: 114px;
    margin: 0 8px 0 0;
    background-image: url(../../Media/Images/banner_uk2.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
}

.banner_uk .buyOnline
{
    width: 171px;
    float: left;
}

.banner_uk .buyOnline a.logo
{
    width: 171px;
    height: 53px;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
}

.banner_uk .buyOnline a.logo:hover { background-position: -171px 0 !important; }
.banner_uk .buyOnline a.logo:active { background-position: 0 0 !important; }

.banner_uk .buyOnline a.rowlands 
{ 
    background-image: url(../../Media/Images/rowlands-banner-link.gif);
    margin: 0 0 8px 0; 
}

.banner_uk .buyOnline a.superdrug { background-image: url(../../Media/Images/superdrug-banner-link.gif); }
/********************* BANNER (IE VARIANT) *********************/
.banner_ie
{
    clear: both;
    width: 900px;
    height: 114px;
    overflow: hidden;
}

.banner_ie a.ieLogo 
{
    float: left;
    display: block;
    width: 721px;
    height: 114px;
    margin: 0 8px 0 0;
    background-image: url(../../Media/Images/banner_uk2.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
}

.banner_ie .buyOnline
{
    width: 171px;
    float: left;
}

.banner_ie .buyOnline a.logo
{
    width: 171px;
    height: 53px;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
}

.banner_ie .buyOnline a.logo:hover { background-position: -171px 0 !important; }
.banner_ie .buyOnline a.logo:active { background-position: 0 0 !important; }

.banner_ie .buyOnline a.northernireland 
{ 
    background-image: url(../../Media/Images/northernireland-banner-link.gif);
    margin: 0 0 8px 0; 
}

.banner_ie .buyOnline a.republicofireland { background-image: url(../../Media/Images/republicofireland-banner-link.gif); }

/********************* TOP MENU (UK/IE VARIANT) *********************/
#container .topmenu {clear:both;width:900px;height:30px;margin-top:15px;overflow:hidden; background: url(../../media/images/topmenu-bg.jpg) no-repeat; background-position: bottom;}
#container .topmenu .RadMenu { margin-left: 0px;}
#container .topmenu .RadMenu .rmHorizontal .rmFirst {margin-left: 20px;}
#container .topmenu .RadMenu a.rmLink { text-transform:uppercase; font-family: 11px; font-family: Arial; padding: 0; color: #fff;}
#container .topmenu .RadMenu a.rmLink:hover { color:#ff6699;}
#container .topmenu .RadMenu .rmHorizontal .rmItem {display: inline;}
/* FILE STUFF */
#container .topmenu .RadMenu { float: left; position: relative; white-space: nowrap;}
#container .topmenu .RadMenu .rmRootGroup {display: block; left: 0; margin: 0; padding: 0; position: relative;}
#container .topmenu .RadMenu .rmHorizontal .rmItem {clear: none; padding: 0; padding-right: 12px !important; float: left; list-style-type: none; list-style-position: outside; position: relative;}
#container .topmenu .RadMenu .rmHorizontal .rmItem {clear: none;}
#container .topmenu .RadMenu a.rmLink { cursor: default; display: block; float: left; outline-color: -moz-use-text-color; outline-style: none; outline-width:0; width: auto;}
#container .topmenu .RadMenu .rmText { float: left; display: block;}