/* Styles for Home.master */

#container .middle {clear:both;width:900px;height:451px;margin-top:10px;background: url(../../media/images/home-middle-background.jpg) no-repeat;overflow:hidden;}
#container .middle .top {clear:both; overflow: hidden; width: 100%; }
#container .middle .top .left {float:left;width:560px;height:220px;overflow:hidden;}
#container .middle .top .right {float:left;width:320px;height:210px;margin-top:10px;margin-left:10px;overflow:hidden;background: url(../../media/images/home-middle-top-right.jpg) no-repeat;}
#container .middle .bottom {clear:both; margin-top:10px;margin-left:10px; overflow: hidden; }
#container .middle .bottom .left {float:left;width:550px;height:210px;overflow:hidden;}
#container .middle .bottom .right {float:left;width:320px;height:210px;margin-left:10px;overflow:hidden;background: url(../../media/images/home-middle-bottom-right.jpg) no-repeat;}
#container .middle .bottom .right .products {clear:both;margin-left:12px; margin-top:12px;}
#container .middle .bottom .right .products .title {font-size:18px;color:#ff0099;line-height:18px;}
#container .middle .bottom .right .products .text {width:120px;margin-top:18px;font-size:14px;line-height:18px;}
#container .middle .bottom .right .products .link {margin-top:31px;}
#container .middle .bottom .right .products .link a {display: block; width:93px; height:28px; background: url(../../Media/Images/buttons/home-view-all.gif) 0 0 no-repeat; text-decoration:none;}
#container .middle .bottom .right .products .link a:hover {background-position: -93px 0;}
#container .middle .bottom .right .products .link a:active {background-position: 0px 0;}

#container .inner {clear:both;width:900px;height:172px;margin-top:10px;background:none;overflow:hidden;}
#container .inner .left {float:left;width:540px;height:150px;padding:11px 11px 11px 11px;background: url(../../media/images/home-inner-left-background.jpg) no-repeat;}
#container .inner .left .center {clear:both;background:none;height:150px;padding:0px;}
#container .inner .left .center .left {float:left;width:235px;height:80px;overflow:hidden;padding:15px;margin-top:39px;background:none;line-height:16px;}
#container .inner .left .center .right {float:left;width:235px;height:120px;overflow:hidden;padding:15px;background:none;font-size:14px;line-height:16px;}
#container .inner .right {float:left;width:299px;height:150px;padding:11px 15px 11px 15px;margin-left:9px; background: url(../../media/images/home-inner-right-background.jpg) no-repeat;}
#container .inner .right .center {clear:both;background:none;height:150px;padding:0px;}
#container .inner .right .center .details {height:98px;margin-top:30px;font-size:12px;line-height:14px;}
#container .inner .right .center .findOutMore {height:18px;float:right;margin-top:4px;}
#container .inner .right .center .findOutMore a {display: block; width:110px; height:18px; background: url(../../Media/Images/buttons/home-find-out-more2.gif) 0 0 no-repeat; text-decoration:none;}
#container .inner .right .center .findOutMore a:hover {background-position: -110px 0;}
#container .inner .right .center .findOutMore a:active {background-position: 0px 0;}

#container .lower {clear:both;width:900px;height:146px;margin-top:10px;background:none;overflow:hidden;}
#container .lower .left {float:left;width:540px;height:126px;padding:11px 11px 11px 11px;background: url(../../media/images/home-lower-left-background.jpg) no-repeat;}
#container .lower .left .center {clear:both;background:none;height:126px;padding:0px;}
#container .lower .left .center .faq {float:left;width:172px;height:122px;overflow:hidden;background: url(../../media/images/home-lower-left-middle-left.jpg) no-repeat;padding:0px;}
#container .lower .left .center .news {float:left;width:176px;height:122px;overflow:hidden;background: url(../../media/images/home-lower-left-middle-middle.jpg) no-repeat;padding:0px;margin-left:10px;}
#container .lower .left .center .tips {float:left;width:172px;height:122px;overflow:hidden;background: url(../../media/images/home-lower-left-middle-right.jpg) no-repeat;padding:0px;margin-left:10px;}
#container .lower .right {float:left;width:301px;height:126px;padding:11px 14px 11px 14px;margin-left:9px; background: url(../../media/images/home-lower-right-background.jpg) no-repeat;}
#container .lower .right .center {clear:both;background:none;height:126px;padding:0px;}
#container .lower .right .center .left {float:left;width:146px;height:122px;overflow:hidden;background:none;padding:0px;}
#container .lower .right .center .left a {display: block; width:146px; height:122px; background: url(../../media/images/home-lower-right-middle-left.jpg) 0 0 no-repeat; text-decoration:none;}

/* Buy Online - For UK Site */
#container .lower .right .center .left a.facebook_uk { background-image: url(../../Media/Images/facebook-uk-link.gif); }

/* Buy Online - For IE Site - Different layout, has two buttons */
#container .lower .right .center .left .buyOnline_ie
{
    background-image: url(../../Media/Images/Home/buyOnline-ie.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 65px 5px 0;
    display: block;
    width: 136px;
    height: 57px;
    overflow: hidden;
}

#container .lower .right .center .left .buyOnline_ie a.button
{
    display: block;
    width: 136px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 0 4px;
}

#container .lower .right .center .left .buyOnline_ie a.button:hover { background-position: -136px 0; }
#container .lower .right .center .left .buyOnline_ie a.button:active { background-position: 0 0 !important; }
#container .lower .right .center .left .buyOnline_ie a.northern { background-image: url(../../Media/Images/Buttons/ie-northern-shopping-home-button.gif); }
#container .lower .right .center .left .buyOnline_ie a.republic { background-image: url(../../Media/Images/Buttons/ie-republic-shopping-home-button.gif); }


#container .lower .right .center .left a:hover {background-position: -146px 0;}
#container .lower .right .center .left a:active {background-position: 0px 0;}
#container .lower .right .center .right {float:left;width:146px;height:122px;overflow:hidden;background:none;padding:0px;}
#container .lower .right .center .right .members a {display: block; width:146px; height:122px; background: url(../../media/images/home-lower-right-middle-right.jpg) 0 0 no-repeat; text-decoration:none;}
#container .lower .right .center .right .members a:hover {background-position: -146px 0;}
#container .lower .right .center .right .members a:active {background-position: 0px 0;}
#container .lower .right .center .right .forum a {display: block; width:146px; height:122px; background: url(../../media/images/home-lower-right-middle-right2.jpg) 0 0 no-repeat; text-decoration:none;}
#container .lower .right .center .right .forum a:hover {background-position: -146px 0;}
#container .lower .right .center .right .forum a:active {background-position: 0px 0;}
#container .lower .right .center .right .forhim a {display: block; width:146px; height:122px; background: url(../../media/images/home-lower-right-middle-right.jpg) 0 0 no-repeat; text-decoration:none;}
#container .lower .right .center .right .forhim a:hover {background-position: -146px 0;}
#container .lower .right .center .right .forhim a:active {background-position: 0px 0;}

#container .footer {clear:both;margin-top:10px;overflow:hidden;}

/**************** SOCIAL MEDIA FOOTER ****************/
#container .footer .socialMediaLinks { float: right; }
#container .footer .socialMediaLinks a { display: block; float: right; margin: 0 0 0 7px; height: 43px; background-position: 0 0; background-repeat: no-repeat; text-decoration: no-repeat; }
#container .footer .socialMediaLinks a:hover { text-decoration: none; }
#container .footer .socialMediaLinks a.twitter { width: 43px; background-image: url(../../Media/Images/Icons/twitter.jpg); }
#container .footer .socialMediaLinks a.facebook { width: 43px; background-image: url(../../Media/Images/Icons/facebook.jpg); }
#container .footer .socialMediaLinks a.youtube { width: 36px; background-image: url(../../Media/Images/Icons/youtube.jpg); }

#container .links {clear:both;text-align:center;margin-top:20px;color:#ffffff;font-size:10px;}
#container .links a {color:#ffffff; text-decoration:none;}
#container .links a:hover {text-decoration:underline;}

#container .ddgFooter { margin: 15px 0 0 0; }
#container .ddgFooter a:hover { color: #ff6699; }

#homepromotions {clear:both;width:320px;height:210px;overflow:hidden;}
#homepromotions .homepromotion {padding:12px;}
#homepromotions .homepromotion .restrict {height:153px;overflow:hidden;line-height:18px;}
#homepromotions .homepromotion .restrict .homepromotiontitle {font-size:18px;color:#ff0099;}
#homepromotions .homepromotion .restrict .homepromotiontitle a {font-size:18px;color:#ff0099;}
#homepromotions .homepromotion .restrict .homepromotionmiddle {margin-top:10px;}
#homepromotions .homepromotion .restrict .homepromotionmiddle .intro {float:left;width:160px;font-size:14px;}
#homepromotions .homepromotion .restrict .homepromotionmiddle .image {float:left;width:130px;}
#homepromotions .homepromotion .restrict .homepromotionmiddle .image .imagePad {padding-left:10px;}
#homepromotions .homepromotion .restrict .homepromotionmiddle .image .imagePad img {padding:1px;border:solid 1px #ff6699;}
#homepromotions .homepromotion .homepromotionbaseline {margin-top:5px;}
#homepromotions .homepromotion .homepromotionbaseline .link {float:left;width:128px;}
#homepromotions .homepromotion .homepromotionbaseline .link a {display: block; float:right; width:128px; height:28px; background: url(../../Media/Images/buttons/home-find-out-more.gif) 0 0 no-repeat; text-decoration:none;}
#homepromotions .homepromotion .homepromotionbaseline .link a:hover {background-position: -128px 0;}
#homepromotions .homepromotion .homepromotionbaseline .link a:active {background-position: 0px 0;}
#homepromotions .homepromotion .homepromotionbaseline .navigator {float:left;width:162px;margin-top:10px;}
#homepromotions .homepromotion .homepromotionbaseline .navigator .buttons {float:right;margin-right:5px;}
#homepromotions .homepromotion .homepromotionbaseline .navigator .buttons img {vertical-align:middle;}

#homestorelocations {clear:both;width:320px;height:210px;overflow:hidden;}
#homestorelocations .homestorelocation {padding:12px;}
#homestorelocations .homestorelocation .homestorelocationtitle {font-size:18px;color:#ff0099;line-height:18px;margin-bottom:12px;}
#homestorelocations .homestorelocation .homestorelocationimage {margin-bottom:12px;}
#homestorelocations .homestorelocation .homestorelocationlink {clear:both;width:109px;}
#homestorelocations .homestorelocation .homestorelocationlink a {display: block; float:right; width:109px; height:28px; background: url(../../Media/Images/buttons/searchnow.gif) 0 0 no-repeat; text-decoration:none;}
#homestorelocations .homestorelocation .homestorelocationlink a:hover {background-position: -109px 0;}
#homestorelocations .homestorelocation .homestorelocationlink a:active {background-position: 0px 0;}

#homefaqs {clear:both;width:172px;height:122px;overflow:hidden;}
#homefaqs .homefaqlink {height:31px;}
#homefaqs .homefaqlink a {display:block;width:172px;height:31px;text-decoration:none;background: url(../../media/images/home-lower-left-middle-left-hover.jpg) 0 0 no-repeat;}
#homefaqs .homefaqlink a:hover {background-position: -172px 0;}
#homefaqs .homefaqlink a:active {background-position: 0px 0;}
#homefaqs .homefaq {height:91px;line-height:14px;}
#homefaqs .homefaq .homefaqcontent {float:left;width:172px;}
* html #homefaqs .homefaq .homefaqcontent {width:172px;}
#homefaqs .homefaq .homefaqcontent .baseline {clear:both;height:81px;padding:5px 10px;}
#homefaqs .homefaq .homefaqcontent .baseline .restrict {height:56px;overflow:hidden;}
#homefaqs .homefaq .homefaqcontent .baseline .restrict .question {color:#ff0099;}
#homefaqs .homefaq .homefaqcontent .baseline .restrict .question a {color:#ff0099;}
#homefaqs .homefaq .homefaqcontent .baseline .restrict .answer {}
#homefaqs .homefaq .homefaqcontent .baseline .navigator {height:15px;margin-top:10px;}
#homefaqs .homefaq .homefaqcontent .baseline .navigator .buttons {float:right;}
#homefaqs .homefaq .homefaqcontent .baseline .navigator .buttons img {vertical-align:middle;}

#homenews {clear:both;width:176px;height:122px;overflow:hidden;}
#homenews .homenewslink {height:31px;}
#homenews .homenewslink a {display:block;width:176px;height:31px;margin-right:10px;text-decoration:none;background: url(../../media/images/home-lower-left-middle-middle-hover.jpg) 0 0 no-repeat;}
#homenews .homenewslink a:hover {background-position: -176px 0;}
#homenews .homenewslink a:active {background-position: 0px 0;}
#homenews .homenewsarticle {height:91px;line-height:14px;}
#homenews .homenewsarticle .homenewsarticlecontent {float:left;width:176px;}
* html #homenews .homenewsarticle .homenewsarticlecontent {width:176px;}
#homenews .homenewsarticle .homenewsarticlecontent .baseline {clear:both;height:81px;padding:5px 10px;}
#homenews .homenewsarticle .homenewsarticlecontent .baseline .restrict {height:56px;overflow:hidden;}
#homenews .homenewsarticle .homenewsarticlecontent .baseline .restrict .title {color:#ff0099;}
#homenews .homenewsarticle .homenewsarticlecontent .baseline .restrict .title a {color:#ff0099;}
#homenews .homenewsarticle .homenewsarticlecontent .baseline .restrict .intro {}
#homenews .homenewsarticle .homenewsarticlecontent .baseline .navigator {height:15px;margin-top:10px;}
#homenews .homenewsarticle .homenewsarticlecontent .baseline .navigator .buttons {float:right;}
#homenews .homenewsarticle .homenewsarticlecontent .baseline .navigator .buttons img {vertical-align:middle;}

#hometips {clear:both;width:172px;height:122px;overflow:hidden;}
#hometips .hometiplink {height:31px;}
#hometips .hometiplink a {display:block;width:172px;height:31px;margin-right:10px;text-decoration:none;background: url(../../media/images/home-lower-left-middle-right-hover.jpg) 0 0 no-repeat;}
#hometips .hometiplink a:hover {background-position: -172px 0;}
#hometips .hometiplink a:active {background-position: 0px 0;}
#hometips .hometip {height:91px;line-height:14px;}
#hometips .hometip .hometipcontent {float:left;width:172px;}
* html #hometips .hometip .hometipcontent {width:172px;}
#hometips .hometip .hometipcontent .baseline {clear:both;height:81px;padding:5px 10px;}
#hometips .hometip .hometipcontent .baseline .restrict {height:56px;overflow:hidden;}
#hometips .hometip .hometipcontent .baseline .restrict .title {color:#ff0099;}
#hometips .hometip .hometipcontent .baseline .restrict .title a {color:#ff0099;}
#hometips .hometip .hometipcontent .baseline .restrict .intro {}
#hometips .hometip .hometipcontent .baseline .navigator {height:25px;margin-top:10px;}
#hometips .hometip .hometipcontent .baseline .navigator .buttons {float:right;}
#hometips .hometip .hometipcontent .baseline .navigator .buttons img {vertical-align:middle;}

#homemembersonly {clear:both;width:550px;height:210px;background: url(../../media/images/home-middle-bottom-left.jpg) no-repeat;overflow:hidden;}
#homemembersonly .becomeamember {clear:both;margin-left:20px; margin-top:15px;}
#homemembersonly .becomeamember .details {float:left;}
#homemembersonly .becomeamember .details .image {}
#homemembersonly .becomeamember .details .text {width:235px;margin-top:10px;font-size:14px;line-height:18px;}
#homemembersonly .becomeamember .details .text img {vertical-align:middle;}
#homemembersonly .becomeamember .details .text .title {}
#homemembersonly .becomeamember .details .text .lists {margin-top:10px;}
#homemembersonly .becomeamember .details .text .lists .tick {float:left;width:18px;}
#homemembersonly .becomeamember .details .text .lists .list {float:left;width:207px;font-size:14px;font-weight:bold;padding-left:10px;}
#homemembersonly .becomeamember .link {float:left;margin-left:10px;}
#homemembersonly .becomeamember .link a {display: block; width:93px; height:28px; background: url(../../Media/Images/buttons/home-join-now.gif) 0 0 no-repeat; text-decoration:none;}
#homemembersonly .becomeamember .link a:hover {background-position: -93px 0;}
#homemembersonly .becomeamember .link a:active {background-position: 0px 0;}
#homemembersonly .becomeamember .link2 {float:left;margin-top:129px;margin-left:85px;}
#homemembersonly .becomeamember .link2 a {display: block; width:201px; height:28px; background: url(../../Media/Images/buttons/home-already-a-member.gif) 0 0 no-repeat; text-decoration:none;}
#homemembersonly .becomeamember .link2 a:hover {background-position: -201px 0;}
#homemembersonly .becomeamember .link2 a:active {background-position: 0px 0;}

#homemembersandlocator {clear:both;width:550px;height:210px;overflow:hidden;}
#homemembersandlocator .storelocator {float:left;width:270px;height:210px;background: url(../../media/images/home-storefinder-background.jpg) no-repeat;}
#homemembersandlocator .storelocator .links {clear:both;margin:170px 0px 0px 13px;text-align:left;}
#homemembersandlocator .storelocator .links .link {width:189px;margin:0;}
#homemembersandlocator .storelocator .links .link a {display: block; width:189px; height:28px; background: url(../../Media/Images/buttons/findstore-button.gif) 0 0 no-repeat; text-decoration:none;}
#homemembersandlocator .storelocator .links .link a:hover {background-position: -189px 0;}
#homemembersandlocator .storelocator .links .link a:active {background-position: 0px 0;}
#homemembersandlocator .becomeamember {float:left;width:250px;height:190px;margin-left:9px;padding:10px;background: url(../../media/images/home-middle-bottom-left2.jpg) no-repeat;}
#homemembersandlocator .becomeamember .details {clear:both;}
#homemembersandlocator .becomeamember .details .image {height:25px;overflow:hidden;}
#homemembersandlocator .becomeamember .details .text {width:185px;height:54px;margin-top:10px;font-size:14px;line-height:18px;}
#homemembersandlocator .becomeamember .links {clear:both;margin-top:71px;margin-left:76px;}
#homemembersandlocator .becomeamember .links .link {float:left;width:93px;}
#homemembersandlocator .becomeamember .links .link a {display: block; width:93px; height:28px; background: url(../../Media/Images/buttons/joinnow-button.gif) 0 0 no-repeat; text-decoration:none;}
#homemembersandlocator .becomeamember .links .link a:hover {background-position: -93px 0;}
#homemembersandlocator .becomeamember .links .link a:active {background-position: 0px 0;}
#homemembersandlocator .becomeamember .links .link2 {float:left;width:72px;margin-left:8px;}
#homemembersandlocator .becomeamember .links .link2 a {display: block; width:72px; height:28px; background: url(../../Media/Images/buttons/login-button2.gif) 0 0 no-repeat; text-decoration:none;}
#homemembersandlocator .becomeamember .links .link2 a:hover {background-position: -72px 0;}
#homemembersandlocator .becomeamember .links .link2 a:active {background-position: 0px 0;}

#didYouKnowArticles {clear:both;}
#didYouKnowArticles .body {font-size:12px;color:#610049;font-weight:bold;font-style:italic;}

#contactUsUserControl {clear:both;}
#contactUsUserControl .details {}
#contactUsUserControl .details .title {}
#contactUsUserControl .details .callOurStaff {margin-top:5px;}
#contactUsUserControl .details .phone {color:#ff0099;font-size:24px;margin-top:8px;}
#contactUsUserControl .details .phonesm {color:#ff0099;font-size:18px;margin-top:8px;}
#contactUsUserControl .details .toAnswerQuestions {margin-top:8px;}

#contactUsUserControl_ie { margin: -4px 0 0 0; }
#contactUsUserControl_ie .details {}
#contactUsUserControl_ie .details a { color: #FF0099; }
#contactUsUserControl_ie .details .phone {color:#ff0099;font-size:24px;margin-top: 8px;}
#contactUsUserControl_ie .details .callOurStaff { width: 170px; }
#contactUsUserControl_ie .details .toAnswerQuestions { margin-top: 6px; }
#contactUsUserControl_ie .details a.button 
{
    width:128px; 
    height:27px; 
    background: url(../../Media/Images/buttons/ie-home-contactus-button.gif) 0 0 no-repeat; 
    text-decoration:none;
    margin: 6px 0 0 0;
}

#contactUsUserControl_ie .details a.button:hover { background-position: -128px 0 !important; }
#contactUsUserControl_ie .details a.button:active { background-position: 0 0 !important; }

#footer {clear:both;width:900px;line-height:14px;}
#footer .left {float:left;}

#footer .left a.logo
{
    float: left;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-decoration: none;
}

#footer .left a.logo:active { background-position: 0 0 !important; }

#footer .left a.priceline {width:174px; height:44px; background-image: url(../../media/images/home-footer-priceline.gif); }
#footer .left a.priceline:hover {background-position: -174px 0;}

#footer .left a.rowlands { width: 90px; height: 51px; margin: 0 25px 0 0; background-image: url(../../media/images/rowlands-button.gif); }
#footer .left a.rowlands:hover {background-position: -90px 0;}

#footer .left a.superdrug { width: 113px; height: 25px; margin: 16px 25px 0 0; background-image: url(../../media/images/superdrug-button.gif);}
#footer .left a.superdrug:hover { background-position: -113px 0; }

#footer .left a.numark { width: 91px; height:17px; margin: 26px 0 0 0; background-image: url(../../media/images/numark-button.gif); }
#footer .left a.numark:hover { background-position: -91px 0; }

#footer .left a.hardys { width:144px; height:44px; background-image: url(../../media/images/home-footer-hardys.jpg); margin: 0 10px 0 0; }
#footer .left a.hardys:hover { background-position: -144px 0; }

#footer .left a.radius { width:144px; height:44px; background-image: url(../../media/images/home-footer-radius.jpg); }
#footer .left a.radius:hover { background-position: -144px 0; }

#footer .detailsuk .available
{
    font-weight: bold; 
    color: #FFFFFF; 
    font-size: 14px; 
    float: left; 
    margin: 25px 25px 0 0;
}

#footer .detailsau .available,
#footer .detailsnz .available
{
    float: left;
    margin: 8px 0 0 25px;
    color: #ffffff;
}

#footer .center {float:left;margin-left:25px;}
#footer .center .copyright {text-align:center;color:#ffffff;padding-top:8px}
#footer .center .copyright a {text-decoration:none;}
#footer .center .copyright a:hover {text-decoration:underline;}
#footer .right {float:right;}
#footer .right .copyright {text-align:right;color:#ffffff;padding-top:8px}
#footer .right .copyright a {text-decoration:none;}
#footer .right .copyright a:hover {text-decoration:underline;}
#footer .right .stafflogin {width:174px;height:43px;margin-left:20px; float: right;}
#footer .right .stafflogin a {display: block; width:174px; height:80px; background: url(../../media/images/stafflogin-button.gif) 0 0 no-repeat; text-decoration:none;}
#footer .right .stafflogin a:hover {background-position: -174px 0;}
#footer .right .stafflogin a:active {background-position: 0px 0;}

h1,h2,h3,h4,h5,p {margin:0px;}
h1 { font-size:32px; font-weight:bold; color:#ffffff; }
h2 { font-size:24px; font-weight:bold; color:#ffffff; }
h3 { font-size:18px; font-weight:bold; color:#ffffff; }
h4 { font-size:14px; font-weight:bold; color:#ffffff; }
h5 { font-size:12px; font-weight:bold; color:#ffffff; }
a { color:#ffffff; text-decoration:none; }
a:hover { 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;}