/* Styles for Main.master */

/********************* LAYOUT *********************/
#container .middle {clear:both;width:900px;margin-top:10px;background: none;display:inline-block;overflow:visible;}

#container .middle .column
{
    float: left;
    width: 190px;
    height: 854px;
    padding: 10px;
    background: url(../../media/images/main-background-lr.gif) no-repeat;
}
#container .middle .right { margin-left: 10px; }

/********************* CELL *********************/
/* Used to display the content on the left and right columns on the master page */
#container .middle .column .cell
{
    clear: both; 
    width: 190px; 
    height: 178px;
    background-repeat: no-repeat;
    margin-top: 10px;
}

/********************* BECOME A MEMBER *********************/
#container .middle .column .becomeAMember 
{ 
    background-image: url(../../media/images/main-become-a-member.jpg); 
    margin-top: 0;
}

#container .middle .column .becomeAMember .details 
{
    padding: 10px;
    padding-top: 35px;
}

#container .middle .column .becomeAMember .details .text { overflow: hidden; width: 100%; }
#container .middle .column .becomeAMember .details .text img { vertical-align: middle; }
#container .middle .column .becomeAMember .details .text .top { font-size: 11px; }
#container .middle .column .becomeAMember .details .text .bottom { clear: both; margin-top: 5px; }
#container .middle .column .becomeAMember .details .text .bottom .item {width:170px;}
#container .middle .column .becomeAMember .details .text .bottom .item .tick {float:left;width:12px;overflow:hidden;background: url(../../media/images/main-tick.gif) 0 0 no-repeat;}
#container .middle .column .becomeAMember .details .text .bottom .item .list {float:left;width:155px;font-size:12px;font-weight:bold;padding-left:3px;}

#container .middle .column .becomeAMember .link { clear:both; padding-top:10px; }
#container .middle .column .becomeAMember .link a {display: block; width:168px; height:27px; background: url(../../Media/Images/buttons/main-join-now.gif) 0 0 no-repeat; text-decoration:none;}
#container .middle .column .becomeAMember .link a:hover {background-position: -168px 0;}
#container .middle .column .becomeAMember .link a:active {background-position: 0px 0;}

/********************* PRODUCT RANGE *********************/
#container .middle .column .productRange { background-image: url(../../media/images/main-product-range.jpg); }
#container .middle .column .productRange .details {padding:10px;padding-top:132px;}
#container .middle .column .productRange .details .link {margin-top:10px;}
#container .middle .column .productRange .details .link a {display: block; width:168px; height:27px; background: url(../../Media/Images/buttons/main-view-all.gif) 0 0 no-repeat; text-decoration:none;}
#container .middle .column .productRange .details .link a:hover {background-position: -168px 0;}
#container .middle .column .productRange .details .link a:active {background-position: 0px 0;}

/********************* DID YOU KNOW *********************/
#container .middle .column .didYouKnow 
{ 
    background-image: url(../../media/images/main-did-you-know.jpg); 
    overflow:hidden;
}

#container .middle .column .didYouKnow .details 
{
    margin-top: 45px;
    height: 112px;
    background: none;
    padding: 0px 10px 10px 10px;
    line-height: 14px;
}

/********************* WEB POLLS *********************/
#webPolls
{
    background-image: url(../../Media/Images/Main/cell-with-header.jpg);
    display: block;
    height: 178px;
    overflow: hidden;
}

#webPolls .header
{
    height: 31px;
    background-image: url(../../Media/Images/Main/main-webpolls-anchor.gif);
}

#webPolls .poll,
#webPolls .results
{
    padding: 10px;
    height: 127px;
    overflow: hidden;
    position: relative;
}

#webPolls .question
{
    color: #FF0099;
    font-size: 11px;
    font-weight: bold;
}

#webPolls .poll .output
{
    font-weight: bold;
    text-align: center;
}

#webPolls .poll .answers
{
    height: 130px;
    overflow: hidden;
}

#webPolls .poll table.list
{
    border-collapse: collapse;
    margin: 1px 0 0 0;
}

#webPolls .poll table.list td
{
    padding: 0;
    margin: 0;
    font-size: 11px;
    padding-left: 20px;
    text-indent: -22px;
}

#webPolls .poll .buttons
{
    height: 16px;
    overflow: hidden;
    width: 170px;
    position: absolute;
    bottom: 10px;
}

#webPolls .poll .buttons a
{
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 64px;
    height: 16px;
}

#webPolls .poll .buttons a:hover
{
    background-position: -64px 0;
}

#webPolls .poll .buttons a.submit
{
    background-image: url(../../Media/Images/buttons/webpoll-submit-button.gif);
    float: right;
}

#webPolls .poll .buttons a.nextPoll
{
    background-image: url(../../Media/Images/buttons/webpoll-nextpoll-button.gif);
    float: left;
}

#webPolls .results .answers
{
    margin: 5px 0 0 0;
}

#webPolls .results .answers .answer
{
    clear: both;
    margin: 0 0 2px 0;
    overflow: hidden;
    width: 170px;
}

#webPolls .results .answers .answer .text 
{
    float: left;
}

#webPolls .results .answers .answer .count
{
    float: left;
    margin: 0 0 0 10px;
    font-size: 9px;
}

#webPolls .results .answers .answer .bar
{
    background-color: #FF0099;
    clear: both;
    height: 10px;
}

/********************* OTHER CELLS *********************/
#container .middle .column .contactUs {  }
#container .middle .column .promotions { background-image: url(../../media/images/main-promotions.jpg); margin-top: 0; }
#container .middle .column .tips { background-image: url(../../media/images/main/cell-with-header.jpg); }
#container .middle .column .faqs { background-image: url(../../media/images/main/cell-with-header.jpg); }

/********************* SMALL CELL *********************/
/* Used to display the content at the foot of left and right columns on the master page */
#container .middle .column .smallCell
{
    clear: both;
    width: 190px; 
    height: 102px;
    margin-top: 10px;
}

#container .middle .column .smallCell a 
{
    display: block; 
    width: 190px; 
    height: 102px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-decoration: none;
}
#container .middle .column .smallCell a:hover { background-position: -190px 0; }
#container .middle .column .smallCell a:active { background-position: 0 0; }

#container .middle .column .smallCell a.buyOnlineLink { background-image: url(../../media/images/main-buy-now.jpg); }
#container .middle .column .smallCell a.membersLink { background-image: url(../../media/images/main-members.jpg); }
#container .middle .column .smallCell a.forumLink { background-image: url(../../media/images/main-forum.jpg); }

#container .middle .column .smallCell .buyOnline_ie
{
    background-image: url(../../Media/Images/Main/buyOnline-ie.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 34px 11px 0;
    display: block;
    width: 168px;
    height: 68px;
    overflow: hidden;
}

#container .middle .column .smallCell .buyOnline_ie a.button
{
    display: block;
    width: 168px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 0 4px;
}

#container .middle .column .smallCell .buyOnline_ie a.button:hover { background-position: -168px 0; }
#container .middle .column .smallCell .buyOnline_ie a.button:active { background-position: 0 0 !important; }
#container .middle .column .smallCell .buyOnline_ie a.northern { background-image: url(../../Media/Images/Buttons/ie-northern-shopping-main-button.gif); }
#container .middle .column .smallCell .buyOnline_ie a.republic { background-image: url(../../Media/Images/Buttons/ie-republic-shopping-main-button.gif); }


#container .middle .content {float:left;width:460px;margin-left:10px;}
#container .middle .content .editor {clear:both;overflow:hidden;}
#container .middle .content .editor .editorArea {width:460px;margin:0;padding:0;}
#container .middle .content .editor .editorArea .editorTop {clear:both;height:30px;background: url(../../Media/Images/main-border-top.gif) no-repeat;font-size:1px;}
#container .middle .content .editor .editorArea .editorMiddle {clear:both;background: url(../../Media/Images/main-border-middle.gif) repeat-y;}
#container .middle .content .editor .editorArea .editorMiddle .editorContent {background:#ffffff;min-height:814px;margin-left:25px;margin-right:25px;overflow:hidden;}
* html #container .middle .content .editor .editorArea .editorMiddle .editorContent {height:814px;overflow:visible;}
#container .middle .content .editor .editorArea .editorBottom {clear:both; height:30px; background: url(../../Media/Images/main-border-bottom.gif) no-repeat;font-size:1px;}

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

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



#mainstories {clear:both;width:190px;height:178px;overflow:hidden;}
#mainstories .forhimau {width:190px;height:178px;background: url(../../media/images/forhim/main-stories-au.jpg) 0 0 no-repeat;margin:0;}
#mainstories .forhimuk {width:190px;height:178px;background: url(../../media/images/forhim/main-stories-uk.jpg) 0 0 no-repeat;margin:0;}
#mainstories .forhimie {width:190px;height:178px;background: url(../../media/images/forhim/main-stories-ie.jpg) 0 0 no-repeat;margin:0;}
#mainstories .forhimau .link, #mainstories .forhimuk .link, #mainstories .forhimie .link {width:168px; height:27px;margin-left:10px;padding-top:140px;}
#mainstories .forhimau .link a, #mainstories .forhimuk .link a, #mainstories .forhimie .link a {display: block; float:right; width:168px; height:27px; background: url(../../media/images/forhim/read-story.gif) 0 0 no-repeat; text-decoration:none;}
#mainstories .forhimau .link a:hover, #mainstories .forhimuk .link a:hover, #mainstories .forhimie .link a:hover {background-position: -168px 0;}
#mainstories .forhimau .link a:active, #mainstories .forhimuk .link a:active, #mainstories .forhimie .link a:active {background-position: 0px 0;}

#mainpromotions {clear:both;width:190px;height:178px;overflow:hidden;}
#mainpromotions .mainpromotion {padding:12px;}
#mainpromotions .mainpromotion .mainpromotiontitle {height:18px;font-size:18px;line-height:18px;color:#ff0099;overflow:hidden;}
#mainpromotions .mainpromotion .mainpromotioncontent {margin-top:15px;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionleft {float:left;width:92px;height:114px;overflow:hidden;line-height:14px;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionleft .intro {font-size:11px;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright {float:left;width:64px;margin-left:10px;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .image {width:64px;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .image .imagePad {}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .image .imagePad img {padding:1px;border:solid 1px #ff6699;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .navigator {font-size:11px;margin-top:2px;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .navigator .buttons {clear:both;overflow:hidden;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .navigator .buttons .leftArrow {float:left; width:7px;height:14px;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .navigator .buttons .leftArrow a {display:block;width:7px;height:14px;background: url(../../media/images/pink-arrow-left.gif) 0 0 no-repeat;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .navigator .buttons .count {float:left;width:50px;text-align:center;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .navigator .buttons .rightArrow {float:left; width:7px;height:14px;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .navigator .buttons .rightArrow a {display:block;width:7px;height:14px;background: url(../../media/images/pink-arrow-right.gif) 0 0 no-repeat;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .link {width:65px;padding-top:10px;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .link a {display: block; float:right; width:65px; height:27px; background: url(../../Media/Images/buttons/main-more.gif) 0 0 no-repeat; text-decoration:none;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .link a:hover {background-position: -65px 0;}
#mainpromotions .mainpromotion .mainpromotioncontent .mainpromotionright .link a:active {background-position: 0px 0;}

#maintips {clear:both;width:190px;height:178px;overflow:hidden;}
#maintips .maintip {}
#maintips .maintip .maintiplink {width:190px;height:30px;}
#maintips .maintip .maintiplink a {display:block;width:190px;height:30px;background: url(../../media/images/Main/main-tips-anchor.jpg) 0 0 no-repeat; text-decoration:none;}
#maintips .maintip .maintiplink a:hover {background-position: -190px 0;}
#maintips .maintip .maintiplink a:active {background-position: 0px 0;}
#maintips .maintip .maintipcontent {padding:12px;}
#maintips .maintip .maintipcontent .maintipleft {float:left;width:92px;height:114px;overflow:hidden;line-height:14px;}
#maintips .maintip .maintipcontent .maintipleft .title {font-size:14px;color:#ff0099;}
#maintips .maintip .maintipcontent .maintipleft .title a {font-size:14px;color:#ff0099;}
#maintips .maintip .maintipcontent .maintipleft .intro {margin-top:2px;font-size:11px;}
#maintips .maintip .maintipcontent .maintipright {float:left;width:64px;margin-left:10px;}
#maintips .maintip .maintipcontent .maintipright .image {width:64px;}
#maintips .maintip .maintipcontent .maintipright .image .imagePad {}
#maintips .maintip .maintipcontent .maintipright .image .imagePad img {padding:1px;border:solid 1px #ff6699;}
#maintips .maintip .maintipcontent .maintipright .navigator {font-size:11px;margin-top:2px;}
#maintips .maintip .maintipcontent .maintipright .navigator .buttons {clear:both;overflow:hidden;}
#maintips .maintip .maintipcontent .maintipright .navigator .buttons .leftArrow {float:left; width:7px;height:14px;}
#maintips .maintip .maintipcontent .maintipright .navigator .buttons .leftArrow a {display:block;width:7px;height:14px;background: url(../../media/images/pink-arrow-left.gif) 0 0 no-repeat;}
#maintips .maintip .maintipcontent .maintipright .navigator .buttons .count {float:left;width:50px;text-align:center;}
#maintips .maintip .maintipcontent .maintipright .navigator .buttons .rightArrow {float:left; width:7px;height:14px;}
#maintips .maintip .maintipcontent .maintipright .navigator .buttons .rightArrow a {display:block;width:7px;height:14px;background: url(../../media/images/pink-arrow-right.gif) 0 0 no-repeat;}
#maintips .maintip .maintipcontent .maintipright .link {width:65px;padding-top:10px;}
#maintips .maintip .maintipcontent .maintipright .link a {display: block; float:right; width:65px; height:27px; background: url(../../Media/Images/buttons/main-more.gif) 0 0 no-repeat; text-decoration:none;}
#maintips .maintip .maintipcontent .maintipright .link a:hover {background-position: -65px 0;}
#maintips .maintip .maintipcontent .maintipright .link a:active {background-position: 0px 0;}

#mainfaqs {clear:both;width:190px;height:178px;overflow:hidden;}
#mainfaqs .mainfaq {}
#mainfaqs .mainfaq .mainfaqlink {width:190px;height:30px;}
#mainfaqs .mainfaq .mainfaqlink a {display:block;width:190px;height:30px;background: url(../../media/images/Main/main-faqs-anchor.jpg) 0 0 no-repeat; text-decoration:none;}
#mainfaqs .mainfaq .mainfaqlink a:hover {background-position: -190px 0;}
#mainfaqs .mainfaq .mainfaqlink a:active {background-position: 0px 0;}
#mainfaqs .mainfaq .mainfaqcontent {padding:12px;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqleft {float:left;width:92px;height:114px;overflow:hidden;line-height:14px;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqleft .question {font-size:14px;color:#ff0099;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqleft .question a {font-size:14px;color:#ff0099;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqleft .answer {margin-top:2px;font-size:11px;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright {float:left;width:64px;margin-left:10px;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .image {width:64px;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .image .imagePad {}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .image .imagePad img {padding:1px;border:solid 1px #ff6699;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .navigator {font-size:11px;margin-top:2px;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .navigator .buttons {clear:both;overflow:hidden;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .navigator .buttons .leftArrow {float:left; width:7px;height:14px;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .navigator .buttons .leftArrow a {display:block;width:7px;height:14px;background: url(../../media/images/pink-arrow-left.gif) 0 0 no-repeat;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .navigator .buttons .count {float:left;width:50px;text-align:center;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .navigator .buttons .rightArrow {float:left; width:7px;height:14px;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .navigator .buttons .rightArrow a {display:block;width:7px;height:14px;background: url(../../media/images/pink-arrow-right.gif) 0 0 no-repeat;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .link {width:65px;padding-top:10px;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .link a {display: block; float:right; width:65px; height:27px; background: url(../../Media/Images/buttons/main-more.gif) 0 0 no-repeat; text-decoration:none;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .link a:hover {background-position: -65px 0;}
#mainfaqs .mainfaq .mainfaqcontent .mainfaqright .link a:active {background-position: 0px 0;}

#pageTitle {clear:both;width:100%;padding-bottom:5px;overflow:hidden;}
#pageTitle .title {float:left;line-height:32px;}
#pageTitle .moreTips {float:right;width:68px;margin-top:10px;}
#pageTitle .moreTips a {display: block; width:68px; height:15px; background: url(../../media/images/main-tips-more.gif) 0 0 no-repeat; text-decoration:none;}
#pageTitle .moreTips a:hover {background-position: -68px 0;}
#pageTitle .moreTips a:active {background-position: 0px 0;}
#pageTitle .morePromotions {float:right;width:114px;margin-top:10px;}
#pageTitle .morePromotions a {display: block; width:114px; height:15px; background: url(../../media/images/main-promotions-more.gif) 0 0 no-repeat; text-decoration:none;}
#pageTitle .morePromotions a:hover {background-position: -114px 0;}
#pageTitle .morePromotions a:active {background-position: 0px 0;}
#pageTitle .moreProducts {float:right;width:99px;margin-top:10px;}
#pageTitle .moreProducts a {display: block; width:99px; height:15px; background: url(../../media/images/main-products-more.gif) 0 0 no-repeat; text-decoration:none;}
#pageTitle .moreProducts a:hover {background-position: -99px 0;}
#pageTitle .moreProducts a:active {background-position: 0px 0;}
#pageTitle .moreMembers {float:right;width:68px;margin-top:10px;}
#pageTitle .moreMembers a {display: block; width:68px; height:15px; background: url(../../media/images/main-member-logout.gif) 0 0 no-repeat; text-decoration:none;}
#pageTitle .moreMembers a:hover {background-position: -68px 0;}
#pageTitle .moreMembers a:active {background-position: 0px 0;}

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

/********************* SUCCESS STORIES *********************/
#stories {clear:both;}
#stories li {list-style-position: outside;list-style-image: url(../../media/images/main-tick-small.gif);}
#stories .story {clear:both;overflow:hidden;}
#stories .story .storyLeft {float:left;width:120px;}
#stories .story .storyLeft .imageAfter {clear:both;width:120px;}
#stories .story .storyLeft .imageAttachment {clear:both;width:120px;margin-top:20px;}
#stories .story .storyLeft .imageAttachment .image {float:left;width:50px;overflow:hidden;}
#stories .story .storyLeft .imageAttachment .attachment {float:left;width:70px;overflow:hidden;}
#stories .story .storyLeft .imageAttachment .attachment a {color:#ff0099;}
#stories .story .storyRight {float:left;width:280px;margin-left:10px;}
#stories .story .storyRight .details {font-size:11px;}
#stories .story .storyRight .details .wrappingContainer {float:left;}
#stories .story .storyRight .details .wrappingContainer .image-right {float:right;display:inline;vertical-align: text-top;padding:0px 0px 10px 10px;}
#stories .story .storyRight .details .wrappingContainer .image-right .imagePad {width:81px;height:111px;vertical-align: text-top;padding:7px;background: url(../../media/images/main-stories-image-after-background.gif) no-repeat;}
#stories .story .storyRight .details .wrappingContainer .title {line-height:18px;}
#stories .story .storyRight .details .wrappingContainer .title a {color:#ff0099;font-weight:bold;font-size:12px;text-decoration:none;}
#stories .story .storyRight .details .wrappingContainer .body {margin-top:15px;}
#stories .story .storyRight .details .title {line-height:18px;}
#stories .story .storyRight .details .title a {color:#ff0099;font-weight:bold;font-size:12px;text-decoration:none;}
#stories .story .storyRight .details .body {margin-top:15px;}
#stories hr {clear:both;border:dashed #ff6699; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:10px 0px 10px 0px;padding:0;}
#stories .paging {clear:both;margin-top:20px;}
#stories .paging .previousPage {float:left;width:92px;}
#stories .paging .previousPage a {display: block; float:right; width:92px; height:15px; background: url(../../media/images/main-previous-page.gif) 0 0 no-repeat; text-decoration:none;}
#stories .paging .previousPage a:hover {background-position: -92px 0;}
#stories .paging .previousPage a:active {background-position: 0px 0;}
#stories .paging .nextPage {float:right;width:69px;}
#stories .paging .nextPage a {display: block; float:right; width:69px; height:15px; background: url(../../media/images/main-next-page.gif) 0 0 no-repeat; text-decoration:none;}
#stories .paging .nextPage a:hover {background-position: -69px 0;}
#stories .paging .nextPage a:active {background-position: 0px 0;}

/********************* SUCCESS STORIES - SINGLE PAGE *********************/
#story
{
    overflow: hidden;
    width: 100%;       
}

#story .details
{
    width: 265px;
    float: left;
    margin: 0 13px 0 0;
    font-size: 11px;
    line-height: 14px;
}

#story .details .title
{
    font-size: 12px;
    line-height: 18px;
    color: #EC008C;
    margin: 0 0 10px 0;
}

#story .details .text
{
    margin: 0 0 20px 0;
}

#story .details .imageAttachment
{
    margin: 0 0 20px 0;
    width: 120px;
    overflow: hidden;
}

#story .details .imageAttachment .image
{
    width: 50px;
    float: left;
}

#story .details .imageAttachment .downloadText
{
    
}

#story .details a.moreStories
{
    display: block;
    width: 115px;
    height: 15px;
    background-image: url(../../Media/Images/stories-more.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#story .details a.moreStories:hover 
{
    background-position: -115px 0; 
    text-decoration: none;
}

#story .details a.moreStories:active { background-position: 0 0; }

#story .images
{
    width: 132px;
    float: right;
}

#story .images .imageAfter
{
    width: 132px;
}

#story .images .imageAfter
{
    margin: 0 0 20px 0;
}

#story .images .imageAfter img
{
    margin: 0 auto;
    display: block;
}

#story .images .imageBefore 
{
    border: Solid 1px #EC008C;
    text-align: center;
}

#story .images .imageBefore table td
{
    text-align: center;
    background-color: #EC008C;
}

#story .images .imageBefore table td.beforePicture
{
    padding: 1px;
}

#story .images .imageBefore .beforeFooter
{
    padding: 6px 0;
    background-color: #EC008C;
}

/********************* SUCCESS STORIES (AUSTRALIA VARIANT) *********************/
#stories_au
{
    
}

#stories_au .story
{
    width: 100%;
    padding: 15px 0;
    border-bottom: Dashed 1px #FF6699;
    overflow: hidden;
}

#stories_au .first
{
    padding-top: 0;
}

#stories_au .last
{
    border-bottom: none;
}

#stories_au .story .image
{
    float: left;
    width: 96px;
}

#stories_au .story .image img
{
    border: Solid 1px #EE0791;
}

#stories_au .story .details
{
    float: left;
    width: 305px;
}

#stories_au .story .details .title,
#stories_au .story .details .intro
{
    margin: 0 0 6px 0;
}

#stories_au .story .details .title a
{
    font-size: 12px;
    line-height: 18px;
    color: #EC008C;
}

#stories_au .story .details a.readMore
{
    color: #EC008C;
}

#stories_au .paging 
{
    float: right;
}

#stories_au .paging .separator
{
    margin: 0 6px;
    color: #EC008C;
    float: left;
}

#stories_au .paging a.previousPage,
#stories_au .paging a.nextPage
{
    display: block;    
    height: 15px;
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
}

#stories_au .paging a.previousPage:hover,
#stories_au .paging a.nextPage:hover
{
    text-decoration: none;
}

#stories_au .paging a.previousPage:active,
#stories_au .paging a.nextPage:active
{
    background-position: 0 0;
}

#stories_au .paging a.previousPage
{
    width: 61px;
    background-image: url(../../Media/Images/stories-previous.gif);    
}
#stories_au .paging a.previousPage:hover { background-position: -61px 0; }

#stories_au .paging a.nextPage
{
    width: 40px;
    background-image: url(../../Media/Images/stories-next.gif);    
}
#stories_au .paging a.nextPage:hover { background-position: -40px 0; }

#promotions {clear:both;}
#promotions li {list-style-position: outside;list-style-image: url(../../media/images/main-tick-small.gif);}
#promotions .promotion {clear:both;overflow:hidden;}
#promotions .promotion .promotionLeft {float:left;width:64px;}
#promotions .promotion .promotionLeft .image {width:64px;}
#promotions .promotion .promotionLeft .image .imagePad {}
#promotions .promotion .promotionLeft .image .imagePad img {padding:1px;border:solid 1px #ff6699;}
#promotions .promotion .promotionRight {float:left;width:336px;margin-left:10px;}
#promotions .promotion .promotionRight .details {font-size:11px;}
#promotions .promotion .promotionRight .details .title {color:#ff6699;}
#promotions .promotion .promotionRight .details .title a {color:#ff6699;}
#promotions .promotion .promotionRight .details .intro {margin-top:2px;}
#promotions .promotion .promotionRight .details .link {float:right;width:57px;margin-top:10px;}
#promotions .promotion .promotionRight .details .link a {display: block; float:right; width:57px; height:18px; background: url(../../Media/Images/buttons/main-more-small.gif) 0 0 no-repeat; text-decoration:none;}
#promotions .promotion .promotionRight .details .link a:hover {background-position: -57px 0;}
#promotions .promotion .promotionRight .details .link a:active {background-position: 0px 0;}
#promotions hr {clear:both;border:dashed #ff6699; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:10px 0px 10px 0px;padding:0;}
#promotions .paging {clear:both;margin-top:20px;}
#promotions .paging .previousPage {float:left;width:92px;}
#promotions .paging .previousPage a {display: block; float:right; width:92px; height:15px; background: url(../../media/images/main-previous-page.gif) 0 0 no-repeat; text-decoration:none;}
#promotions .paging .previousPage a:hover {background-position: -92px 0;}
#promotions .paging .previousPage a:active {background-position: 0px 0;}
#promotions .paging .nextPage {float:right;width:69px;}
#promotions .paging .nextPage a {display: block; float:right; width:69px; height:15px; background: url(../../media/images/main-next-page.gif) 0 0 no-repeat; text-decoration:none;}
#promotions .paging .nextPage a:hover {background-position: -69px 0;}
#promotions .paging .nextPage a:active {background-position: 0px 0;}

#promotion {clear:both;}
#promotion li {list-style-position: outside;list-style-image: url(../../media/images/main-tick-small.gif);}
#promotion .title {font-size:18px;color:#ff0099;line-height:normal;}
#promotion .body {margin-top:10px;}
#promotion .body .wrappingContainer {float:left;}
#promotion .body .wrappingContainer .image-right {float:right;vertical-align: text-top;padding:0px 0px 10px 10px;}
#promotion .attachment {margin-top:10px;}

#tips {clear:both;}
#tips li {list-style-position: outside;list-style-image: url(../../media/images/main-tick-small.gif);}
#tips .tip {clear:both;overflow:hidden;}
#tips .tip .tipLeft {float:left;width:64px;}
#tips .tip .tipLeft .image {width:64px;}
#tips .tip .tipLeft .image .imagePad {}
#tips .tip .tipLeft .image .imagePad img {padding:1px;border:solid 1px #ff6699;}
#tips .tip .tipRight {float:left;width:336px;margin-left:10px;}
#tips .tip .tipRight .details {font-size:11px;}
#tips .tip .tipRight .details .title {color:#ff6699;}
#tips .tip .tipRight .details .title a {color:#ff6699;}
#tips .tip .tipRight .details .intro {margin-top:2px;}
#tips .tip .tipRight .details .link {float:right;width:57px;margin-top:10px;}
#tips .tip .tipRight .details .link a {display: block; float:right; width:57px; height:18px; background: url(../../Media/Images/buttons/main-more-small.gif) 0 0 no-repeat; text-decoration:none;}
#tips .tip .tipRight .details .link a:hover {background-position: -57px 0;}
#tips .tip .tipRight .details .link a:active {background-position: 0px 0;}
#tips hr {clear:both;border:dashed #ff6699; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:10px 0px 10px 0px;padding:0;}
#tips .paging {clear:both;margin-top:20px;}
#tips .paging .previousPage {float:left;width:92px;}
#tips .paging .previousPage a {display: block; float:right; width:92px; height:15px; background: url(../../media/images/main-previous-page.gif) 0 0 no-repeat; text-decoration:none;}
#tips .paging .previousPage a:hover {background-position: -92px 0;}
#tips .paging .previousPage a:active {background-position: 0px 0;}
#tips .paging .nextPage {float:right;width:69px;}
#tips .paging .nextPage a {display: block; float:right; width:69px; height:15px; background: url(../../media/images/main-next-page.gif) 0 0 no-repeat; text-decoration:none;}
#tips .paging .nextPage a:hover {background-position: -69px 0;}
#tips .paging .nextPage a:active {background-position: 0px 0;}

#tip {clear:both;margin-top:10px;}
#tip li {list-style-position: outside;list-style-image: url(../../media/images/main-tick-small.gif);}
#tip .title {font-size:18px;color:#ff0099;line-height:normal;}
#tip .body {margin-top:10px;}
#tip .body .wrappingContainer {float:left;}
#tip .body .wrappingContainer .image-right {float:right;display:inline;vertical-align: text-top;padding:0px 0px 10px 10px;}

#news {clear:both;}
#news li {list-style-position: outside;list-style-image: url(../../media/images/main-tick-small.gif);}
#news .newsarticle {clear:both;overflow:hidden;}
#news .newsarticle .newsArticleLeft {float:left;width:64px;}
#news .newsarticle .newsArticleLeft .image {width:64px;}
#news .newsarticle .newsArticleLeft .image .imagePad {}
#news .newsarticle .newsArticleLeft .image .imagePad img {padding:1px;border:solid 1px #ff6699;}
#news .newsarticle .newsArticleRight {float:left;width:336px;margin-left:10px;}
#news .newsarticle .newsArticleRight .details {font-size:11px;}
#news .newsarticle .newsArticleRight .details .title {color:#ff6699;}
#news .newsarticle .newsArticleRight .details .title a {color:#ff6699;}
#news .newsarticle .newsArticleRight .details .intro {margin-top:2px;}
#news .newsarticle .newsArticleRight .details .link {float:right;width:57px;margin-top:10px;}
#news .newsarticle .newsArticleRight .details .link a {display: block; float:right; width:57px; height:18px; background: url(../../Media/Images/buttons/main-more-small.gif) 0 0 no-repeat; text-decoration:none;}
#news .newsarticle .newsArticleRight .details .link a:hover {background-position: -57px 0;}
#news .newsarticle .newsArticleRight .details .link a:active {background-position: 0px 0;}
#news hr {clear:both;border:dashed #ff6699; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:10px 0px 10px 0px;padding:0;}
#news .paging {clear:both;margin-top:20px;}
#news .paging .previousPage {float:left;width:92px;}
#news .paging .previousPage a {display: block; float:right; width:92px; height:15px; background: url(../../media/images/main-previous-page.gif) 0 0 no-repeat; text-decoration:none;}
#news .paging .previousPage a:hover {background-position: -92px 0;}
#news .paging .previousPage a:active {background-position: 0px 0;}
#news .paging .nextPage {float:right;width:69px;}
#news .paging .nextPage a {display: block; float:right; width:69px; height:15px; background: url(../../media/images/main-next-page.gif) 0 0 no-repeat; text-decoration:none;}
#news .paging .nextPage a:hover {background-position: -69px 0;}
#news .paging .nextPage a:active {background-position: 0px 0;}

#newsArticle {clear:both;}
#newsArticle .heading {font-size:19px; font-weight:bold; color:#ff0099;line-height:21px;}
#newsArticle .publishOnDate {color: #666666;padding-top:10px;}
#newsArticle .intro {padding-top:20px;}
#newsArticle .body {padding-top:20px;overflow:hidden;}
#newsArticle .body .wrappingContainer {float:left;}
#newsArticle .body .wrappingContainer .image-right {float:right;vertical-align: text-top;padding:0px 0px 10px 10px;}
#newsArticle .moreInfo {clear:both;color: #666666;padding-top:20px;}
#newsArticle .moreInfo a {color: #0000ff;text-decoration:none;}
#newsArticle .moreInfo a:hover {color: #0000ff;text-decoration:underline;}

#faqCategories {width:100%;}
#faqCategories a {color:#ff0099;}
#faqCategories .disc {display:inline;width:4px;height:11px;background: url(../../media/images/bullet.gif) no-repeat;padding-right:5px;}

#faqs {clear:both;}
#faqs li {list-style-position: outside;list-style-image: url(../../media/images/main-tick-small.gif);}
#faqs .faq {clear:both;overflow:hidden;}
#faqs .faq .faqLeft {float:left;width:64px;}
#faqs .faq .faqLeft .image {width:64px;}
#faqs .faq .faqLeft .image .imagePad {}
#faqs .faq .faqLeft .image .imagePad img {padding:1px;border:solid 1px #ff6699;}
#faqs .faq .faqRight {float:left;width:346px;margin-left:10px;}
#faqs .faq .faqRight .details {font-size:11px;}
#faqs .faq .faqRight .details .question {color:#f27fb0;}
#faqs .faq .faqRight .details .answer {margin-top:2px;}
#faqs .faq .faqRight .details .link {float:right;width:57px;margin-top:2px;}
#faqs .faq .faqRight .details .link a {display: block; float:right; width:57px; height:18px; background: url(../../Media/Images/buttons/main-more-small.gif) 0 0 no-repeat; text-decoration:none;}
#faqs .faq .faqRight .details .link a:hover {background-position: -57px 0;}
#faqs .faq .faqRight .details .link a:active {background-position: 0px 0;}
#faqs .faq .faqContent {}
#faqs .faq .faqContent .details {font-size:11px;}
#faqs .faq .faqContent .details .question {color:#ff6699;}
#faqs .faq .faqContent .details .question .counter {font-size:18px;}
#faqs .faq .faqContent .details .answer {margin-top:5px;}
#faqs hr {clear:both;border:dashed #ff6699; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:10px 0px 10px 0px;padding:0;}
#faqs .paging {clear:both;margin-top:20px;}
#faqs .paging .previousPage {float:left;width:92px;}
#faqs .paging .previousPage a {display: block; float:right; width:92px; height:15px; background: url(../../media/images/main-previous-page.gif) 0 0 no-repeat; text-decoration:none;}
#faqs .paging .previousPage a:hover {background-position: -92px 0;}
#faqs .paging .previousPage a:active {background-position: 0px 0;}
#faqs .paging .nextPage {float:right;width:69px;}
#faqs .paging .nextPage a {display: block; float:right; width:69px; height:15px; background: url(../../media/images/main-next-page.gif) 0 0 no-repeat; text-decoration:none;}
#faqs .paging .nextPage a:hover {background-position: -69px 0;}
#faqs .paging .nextPage a:active {background-position: 0px 0;}

#faq {clear:both;margin-top:10px;}
#faq li {list-style-position: outside;list-style-image: url(../../media/images/main-tick-small.gif);}
#faq .question {font-size:18px;color:#ff0099;line-height:normal;}
#faq .answer {margin-top:10px;}
#faq .answer .wrappingContainer {float:left;}
#faq .answer .wrappingContainer .image-right {float:right;vertical-align: text-top;padding:0px 0px 10px 10px;}

.faqPanelBarCategory {height:30px;background-color:#f27fb0;color:#ffffff; vertical-align:middle;}
.faqPanelBarQuestion {height:30px;background-color:#fde5ef;color:#ec008c;padding-left:10px;padding-right:10px;}
.faqPanelBarAnswer {background-color:#ffffff;color:#464646;padding:20px;}

#products {clear:both;width:410px;}
#products li {list-style-position: outside;list-style-image: url(../../media/images/main-tick-small.gif);}
#products .product {margin-bottom:10px;}
#products .product .productTop {clear:both;height:9px;background: url(../../Media/Images/main-product-border-top.gif) no-repeat;font-size:1px;line-height:normal;}
#products .product .productMiddle {clear:both;background: url(../../Media/Images/main-product-border-middle.gif) repeat-y;}
#products .product .productMiddle .productContent {background:#ffffff;min-height:72px;overflow:hidden;margin-left:10px;margin-right:10px;}
* html #products .product .productMiddle .productContent {height:72px;overflow:visible;}
#products .product .productMiddle .productContent .productLeft {float:left;width:115px;}
#products .product .productMiddle .productContent .productLeft .image {width:115px;}
#products .product .productMiddle .productContent .productRight {float:left;width:265px;margin-left:10px;}
#products .product .productMiddle .productContent .productRight .details {font-size:11px;}
#products .product .productMiddle .productContent .productRight .details .title {color:#ec008c;}
#products .product .productMiddle .productContent .productRight .details .title a {color:#ec008c;}
#products .product .productMiddle .productContent .productRight .details .intro {margin-top:2px;}
#products .product .productMiddle .productContent .productRight .details .intro a {color:#f27fb0;text-decoration:none;}
#products .product .productMiddle .productContent .productRight .details .intro a:hover {text-decoration:underline;}
#products .product .productBottom {clear:both; height:9px; background: url(../../Media/Images/main-product-border-bottom.gif) no-repeat;font-size:1px;line-height:normal;}
#products .paging {clear:both;margin-top:20px;}
#products .paging .previousPage {float:left;width:92px;}
#products .paging .previousPage a {display: block; float:right; width:92px; height:15px; background: url(../../media/images/main-previous-page.gif) 0 0 no-repeat; text-decoration:none;}
#products .paging .previousPage a:hover {background-position: -92px 0;}
#products .paging .previousPage a:active {background-position: 0px 0;}
#products .paging .nextPage {float:right;width:69px;}
#products .paging .nextPage a {display: block; float:right; width:69px; height:15px; background: url(../../media/images/main-next-page.gif) 0 0 no-repeat; text-decoration:none;}
#products .paging .nextPage a:hover {background-position: -69px 0;}
#products .paging .nextPage a:active {background-position: 0px 0;}

#product {clear:both;}
#product li {list-style-position: outside;list-style-image: url(../../media/images/main-tick-small.gif);}
#product .title {color:#ec008c;font-size:16px;line-height:normal;}
#product .image {margin-top:25px;width:225px;margin-left:auto;margin-right:auto;}
#product .body {margin-top:25px;}

#contactUsUserControl {clear:both;}
#contactUsUserControl .details {padding:10px; background-image: url(../../media/images/main-contactus.jpg); }
#contactUsUserControl .ie { background-image: url(../../media/images/main/ie-contactus-bg.jpg); }
#contactUsUserControl .details .phone {font-size:24px; font-weight:bold; color:#ff0099;margin-top:5px;text-align:center;}
#contactUsUserControl .details .phonesm {font-size:18px; font-weight:bold; color:#ff0099;margin-top:5px;text-align:center;}
#contactUsUserControl .details .instructions {font-size:12px;margin-top:25px;margin-left:5px;}
#contactUsUserControl .details .button {width:168px;margin-top:23px;}
#contactUsUserControl .details .button a {display: block; width:168px; height:27px; background: url(../../Media/Images/buttons/main-contactus-button.gif) 0 0 no-repeat; text-decoration:none;}
#contactUsUserControl .details .button a:hover {background-position: -168px 0;}
#contactUsUserControl .details .button a:active {background-position: 0px 0;}

/********************* REGISTRATION FORM *********************/
table.membershipBenefits
{
    margin: 15px 0 10px;
}

table.membershipBenefits td
{
    padding: 0 0 3px;
    vertical-align: top;
}

table.membershipBenefits td.tick
{
    width: 25px;
}

/********************* FORMS *********************/
/* Majority of form related styling is included in the Stylesheet.css */
.form { width: 410px; }

.form .top,
.form .bottom
{
    width: 410px;
}
.form .top { background-image: url(../../media/images/main/form-top.gif); } 
.form .bottom { background-image: url(../../media/images/main/form-bottom.gif); }

.form .contentArea { width: 408px; }
.form .contentArea .row .fullColumn { width: 388px; } 

/********************* CONTACT US FORM *********************/
.contactUs .contentArea .row .headingColumn { width: 50px; }
.contactUs .contentArea .row .dataColumn { width: 323px; }


/********************* REGISTRATION *********************/
.registration .contentArea .row .headingColumn { width: 125px; }
.registration .contentArea .row .dataColumn { width: 230px; }

.registration .contentArea .row .mandatory 
{ 
    text-align: right; 
    padding-right: 30px; 
    width: 368px;
}

.registration .contentArea .row table td.titleCell
{
    font-weight: bold;
    font-size: 12px;
    width: 288px;
}

.registration .contentArea .row table td.buttonCell
{
    width: 100px;
}

/********************* SUPPORT OPTION FORM *********************/
.supportOption .contentArea a.joinWith,
.supportOption .contentArea a.joinWithout
{
    width: 183px; 
    height: 27px;
} 

.supportOption .contentArea a.joinWith 
{
    margin: 0 12px 0 0; 
    background-image: url(../../Media/Images/buttons/register-join-with.gif);
}

.supportOption .contentArea a.joinWithout 
{
    margin: 0;
    background-image: url(../../Media/Images/buttons/register-join-without.gif); 
}

.supportOption .contentArea a.joinWith:hover, 
.supportOption .contentArea a.joinWithout:hover
{ 
    background-position: -183px 0; 
}

.supportOption .contentArea a.joinWith:active, 
.supportOption .contentArea a.joinWithout:active
{ 
    background-position: 0 0; 
}

/********************* PERSONAL INFORMATION FORM *********************/
.personalInformation .contentArea .row .headingColumn { width:150px;}
.personalInformation .contentArea .row .dataColumn { width:218px; }

/********************* REGISTER LINK FORM *********************/
.registerLink .contentArea .textArea 
{ 
    float: left; 
    width: 195px; 
    padding: 0 0 0 15px; 
}

.registerLink .contentArea a.register
{
    width: 168px; 
    height: 27px;
    margin: 0 15px 0 0; 
    background-image: url(../../Media/Images/buttons/register-signup.gif); 
    float: right;
    display: inline; /* To deal with IE6's double-margin bug */
}
.registerLink .contentArea a.register:hover { background-position: -168px 0; }
.registerLink .contentArea a.register:active { background-position: 0 0; }

/********************* FORGOT MY PASSWORD FORM *********************/
.forgotMyPassword .contentArea table td.titleCell 
{
    text-align: right; 
    text-transform: uppercase; 
    font-weight:bold; 
    padding: 0 12px 0 0; 
    height: 30px;
}

.forgotMyPassword .contentArea a.submit { margin: 0 0 0 15px; }

/********************* LOGIN AREA FORM *********************/
.loginArea .contentArea table td.titleCell 
{
    text-align: right; 
    text-transform: uppercase; 
    font-weight:bold; 
    padding: 0 12px 0 0; 
    height: 30px; 
}

.loginArea .contentArea table td.buttonCell 
{ 
    vertical-align: bottom; 
    padding: 0 0 1px 15px; 
}

.loginArea .contentArea table td.buttonCell a.login 
{ 
    width: 98px; 
    height: 27px; 
    background-image: url(../../Media/Images/buttons/member-login.gif);
    margin: 0;
}
.loginArea .contentArea table td.buttonCell a.login:hover { background-position: -98px 0; }
.loginArea .contentArea table td.buttonCell a.login:active { background-position: 0 0; }

.loginArea .required 
{
    padding: 10px 0 0 0; 
    background-color: #FFFFFF;
}

/********************* LOGIN ACCOUNT SETUP FORM *********************/
.loginAccountSetup .contentArea .row .headingColumn { width:150px; }
.loginAccountSetup .contentArea .row .dataColumn { width:218px; }


#registerConfirmation { clear:both; font-family: Arial,Verdana; width:410px;}
#registerConfirmation .registerConfirmationMiddle {width:410px;}
#registerConfirmation .registerConfirmationMiddle .row {clear:both; overflow:hidden; margin-bottom:2px;}
#registerConfirmation .registerConfirmationMiddle .row .headingColumn { width:150px; text-align:right; color:#464646; font-weight:bold; padding-top:2px;}
#registerConfirmation .registerConfirmationMiddle .row .headingColumn, #registerConfirmation .registerConfirmationMiddle .row .dataColumn { float:left; min-height: 30px; border: solid 1px #fde5ef; }
* html #registerConfirmation .registerConfirmationMiddle .row .headingColumn, * html #registerConfirmation .registerConfirmationMiddle .row .dataColumn { height: 30px; }
#registerConfirmation .registerConfirmationMiddle .row .dataColumn { width:218px; padding-left:10px; padding-top:2px; }
#registerConfirmation .registerConfirmationMiddle .row .dataColumn .dataColumnControl { border:solid 1px #ff0099; font-size:11px; }
#registerConfirmation .registerConfirmationMiddle .row .dataColumn .required { color:#FF0000; }
#registerConfirmation .registerConfirmationMiddle .row .fullColumn { width:408px; padding-top:2px; }
#registerConfirmation .registerConfirmationMiddle .row .fullColumn .dataColumnControl { border:solid 1px #ff0099; font-size:11px; }
#registerConfirmation .registerConfirmationMiddle .row .fullColumn .required { color:#FF0000; }
#registerConfirmation .registerConfirmationMiddle .row .fullColumn .successText { }
#registerConfirmation .registerConfirmationMiddle .row .fullColumn .continueButton {float:left;width:93px;margin-top:10px;}
#registerConfirmation .registerConfirmationMiddle .row .fullColumn .continueButton a {display: block; width:93px; height:27px; background: url(../../Media/Images/buttons/continue-button.gif) 0 0 no-repeat; text-decoration:none;}
#registerConfirmation .registerConfirmationMiddle .row .fullColumn .continueButton a:hover {background-position: -93px 0;}
#registerConfirmation .registerConfirmationMiddle .row .fullColumn .continueButton a:active {background-position: 0px 0;}

#register { font-family: Arial,Verdana; background: #fde5ef; width:410px;}
#register .registerTop {width:410px;height:10px;background: url(../../media/images/main-register-top.gif) no-repeat;font-size:1px;}
#register .registerMiddle {width:408px; border-left: solid 1px #ff0099;border-right: solid 1px #ff0099;}
#register .registerMiddle .row { overflow:hidden; }
#register .registerMiddle .row .headingColumn { width:150px; text-align:right; color:#464646; font-weight:bold; padding-left:20px; padding-top:2px;}
#register .registerMiddle .row .headingColumn, #register .registerMiddle .row .dataColumn { float:left; min-height: 30px; border: solid 1px #fde5ef; }
* html #register .registerMiddle .row .headingColumn, * html #register .registerMiddle .row .dataColumn { height: 30px; }
#register .registerMiddle .row .dataColumn { width:223px; padding-left:10px; padding-top:2px; }
#register .registerMiddle .row .dataColumn .dataColumnControl { border:solid 1px #ff0099; font-size:11px; }
#register .registerMiddle .row .dataColumn .required { color:#FF0000; }
#register .registerBottom {width:410px;height:10px;background: url(../../media/images/main-register-bottom.gif) no-repeat;font-size:1px;}

/* Store Locator Styles */
#storeLocationCategories {clear:both;}
#storeLocationCategories .storeLocationCountryHeading {font-size:18px; font-weight:bold; color:#ff0099; line-height:18px;margin-bottom:10px;}
#storeLocationCategories .storeLocationCategory {width:100%;}
#storeLocationCategories .storeLocationCategory a {color:#ff0099;}
#storeLocationCategories .storeLocationCategory a.selected {font-weight:bold;text-decoration:underline;}
#storeLocationCategories .storeLocationCategory .disc {display:inline;width:4px;height:11px;background: url(../../media/images/bullet.gif) no-repeat;padding-right:5px;}

#storeLocations {clear:both;}
#storeLocations .storeLocation {margin-bottom:10px;}
#storeLocations .storeLocation .storeName {font-weight:bold;}
#storeLocations .storeLocation .storeAddress {}
#storeLocations .storeLocation .storePhone {}

#storelocatorcounties {clear:both;width:410px;}
#storelocatorcounties .county {float:left;width:130px;margin-right:5px;}

#storelocator {clear:both;width:410px;}
#storelocator .county {margin-bottom:10px;font-size:12px;font-weight:bold;}
#storelocator .store {}
#storelocator .store .group {font-weight:bold;}
#storelocator .store .address {}
#storelocator .store .phone {}
#storelocator .separator {}
#storelocator .backbutton {margin-top:10px;}

#lookupneareststore {clear:both;width:410px;}
#lookupneareststore thead {}
#lookupneareststore tbody {}
#lookupneareststore tbody tr {}
#lookupneareststore tbody tr td {}
#lookupneareststore tbody tr td.header {width:75px; vertical-align: top; padding-top: 3px; }
#lookupneareststore tbody tr td .textbox {font-size:11px;}
#lookupneareststore tbody tr td.submitbutton {width:109px;}
#lookupneareststore tbody tr td.submitbutton a {display: block; width:109px; height:28px; background: url(../../Media/Images/buttons/searchnow.gif) 0 0 no-repeat; text-decoration:none;}
#lookupneareststore tbody tr td.submitbutton a:hover {background-position: -109px 0;}
#lookupneareststore tbody tr td.submitbutton a:active {background-position: 0px 0;}

#neareststoreresults {clear:both; border:solid 1px #e60589;}
#neareststoreresults thead {background-color:#e60589;color:#ffffff;}
#neareststoreresults tbody {}
#neareststoreresults tbody tr {}
#neareststoreresults tbody tr.alt {background-color:#fce5ef; }
#neareststoreresults tbody tr td {}
#neareststoreresults tbody tr td.name {width:110px;}
#neareststoreresults tbody tr td.distance {width:70px;}
#neareststoreresults tbody tr td.address {}
#neareststoreresults tbody tr td.phone {width:80px;}

#neareststoreresults {clear:both; border:solid 1px #e60589;}
#neareststoreresults thead {background-color:#e60589;color:#ffffff;}
#neareststoreresults tbody {}
#neareststoreresults tbody tr {}
#neareststoreresults tbody tr.alt {background-color:#fce5ef; }
#neareststoreresults tbody tr td {}
#neareststoreresults tbody tr td.name {width:110px;}
#neareststoreresults tbody tr td.distance {width:70px;}
#neareststoreresults tbody tr td.address {}
#neareststoreresults tbody tr td.phone {width:80px;}


#multiplePinsMap_Canvas { width: 100%; height: 500px; margin: 15px 0; }

/* Footer styles */
#footer {clear:both;width:900px;margin-left:auto;margin-right:auto;line-height:14px;overflow:hidden;}
#footer .details {margin:0 auto; overflow: hidden; }

#footer .detailsau {width:380px;}
#footer .detailsuk {margin: 0 auto; overflow: hidden; width: 450px; }
#footer .detailsnz {width:500px; margin-top: 20px;}

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

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

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

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

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

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

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

#footer .details a.radius { width:144px; height:44px; background-image: url(../../media/images/home-footer-radius.jpg); }
#footer .details 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;
}


/********************* PROMOTIONAL FORMS *********************/
#tasteTestingCampaign { font-family: Arial,Verdana; background: #fde5ef; width:410px;}
#tasteTestingCampaign .tasteTestingCampaignTop {width:410px;height:10px;background: url(../../media/images/main-tastetestingcampaign-top.gif) no-repeat;font-size:1px;}
#tasteTestingCampaign .tasteTestingCampaignMiddle {width:408px; border-left: solid 1px #ff0099;border-right: solid 1px #ff0099;}
#tasteTestingCampaign .tasteTestingCampaignMiddle .row { overflow:hidden; }
#tasteTestingCampaign .tasteTestingCampaignMiddle .row .headingColumn { width:60px; text-align:right; font-weight:bold; padding-left:20px; padding-top:2px;}
#tasteTestingCampaign .tasteTestingCampaignMiddle .row .headingColumn, #tasteTestingCampaign .tasteTestingCampaignMiddle .row .dataColumn { float:left; min-height:30px; border: solid 1px #fde5ef; color:#464646;}
* html #tasteTestingCampaign .tasteTestingCampaignMiddle .row .headingColumn, * html #tasteTestingCampaign .tasteTestingCampaignMiddle .row .dataColumn { height:30px; }
#tasteTestingCampaign .tasteTestingCampaignMiddle .row .dataColumn { width:313px; padding-left:10px; padding-top:2px; }
#tasteTestingCampaign .tasteTestingCampaignMiddle .row .dataColumn .dataColumnControl { border:solid 1px #ff0099; font-size:11px; }
#tasteTestingCampaign .tasteTestingCampaignMiddle .row .dataColumn .required { color:#FF0000; }
#tasteTestingCampaign .tasteTestingCampaignMiddle .row .questionHeadingColumn { float:left; width:62px; font-weight:bold; color:#464646; padding-left:20px; padding-top:2px;}
#tasteTestingCampaign .tasteTestingCampaignMiddle .row .questionDataColumn { float:left; width:313px; font-weight:bold; color:#464646; padding-left:10px; padding-top:2px;}
#tasteTestingCampaign .tasteTestingCampaignBottom {width:410px;height:10px;background: url(../../media/images/main-tastetestingcampaign-bottom.gif) no-repeat;font-size:1px;}

/********************* TRINNY AND SUSANNAH FORM *********************/
#stylingSessionCampaign { font-family: Arial,Verdana; width:410px; position: relative; }
#stylingSessionCampaign .infoHeader { margin: 0 0 10px 0; }
#stylingSessionCampaign .stylingSessionCampaignTop {width:410px;height:10px;background: url(../../media/images/main-tastetestingcampaign-top.gif) no-repeat; font-size:1px; overflow: hidden; }
#stylingSessionCampaign .stylingSessionCampaignMiddle {width:408px; border-left: solid 1px #ff0099;border-right: solid 1px #ff0099;  background: #fde5ef;}
#stylingSessionCampaign .stylingSessionCampaignMiddle .row { overflow:hidden; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .headingColumn { width: 90px; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .headingColumn, #stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn { float:left; border: solid 1px #fde5ef; color:#464646;}
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn { width:283px; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .dataColumnControl { border:solid 1px #ff0099; font-size:11px; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .required { color:#FF0000; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .submitButton,  #stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .resetButton { float:left; width:93px; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .resetButton { margin-left:10px; display: inline; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .submitButton a, #stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .submitButton a:active, #stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .resetButton a, #stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .resetButton a:active { display: block; text-decoration: none; background-repeat: no-repeat; background-position: 0 0; width: 93px; height: 27px; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .submitButton a:hover, #stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .resetButton a:hover { background-position: -93px 0 }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .submitButton a { background-image: url(../../Media/Images/buttons/submit-button.gif); }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .resetButton a { background-image: url(../../Media/Images/reset-button.gif); }
#stylingSessionCampaign .stylingSessionCampaignMiddle .row .dataColumn .dateMarker { margin: 0 0 0 15px; }

#stylingSessionCampaign .stylingSessionCampaignMiddle .stateDataColumn { width: 115px; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .postcodeHeadingColumn { width: 60px; padding-left: 5px; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .postcodeDataColumn { width: 85px; padding-left: 5px; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .stateValidatorDataColumn { width: 115px; padding-top: 0px; padding-left: 112px; border-top: none; border-bottom: none; }
#stylingSessionCampaign .stylingSessionCampaignMiddle .postcodeValidatorDataColumn { width: 145px; padding-top: 0px; padding-left: 8px; border-top: none; border-bottom: none; }

#stylingSessionCampaign .stylingSessionCampaignBottom { width:410px; height:10px; background: url(../../media/images/main-tastetestingcampaign-bottom.gif) no-repeat; font-size:1px; overflow: hidden; }

#stylingSessionCampaign .sofitelLogo { height: 27px; background-image: url(../../Media/Images/sofitelLogo.gif); background-position: center top; background-repeat: no-repeat; margin: 15px 0 0 0; }

#stylingSessionCampaign #confirmPanel { z-index: 1000; position: absolute; top: 50px; left: 30px; display: block; width: 354px; height: 172px;  color: #000000; font-family: Arial; font-size: 12px; }
#stylingSessionCampaign #confirmPanel .panelFilter { background-image: url(../../Media/Images/trinnySusannahConfirm.png); background-repeat: no-repeat; background-position: 0 0; width: 354px; height: 172px; }
#stylingSessionCampaign #confirmPanel .panelFilter .panelContent { padding: 75px 45px 0 45px; text-align: center; }
#stylingSessionCampaign #confirmPanel .panelFilter .panelContent a.clickHere { margin: 10px auto 0 auto; display: block; width: 93px; height: 27px; text-decoration: none; background-image: url(../../Media/Images/buttons/clickhere.gif); background-position: 0 0; background-repeat: no-repeat; }
#stylingSessionCampaign #confirmPanel .panelFilter .panelContent a.clickHere:hover { background-position: -93px 0; }
#stylingSessionCampaign #confirmPanel .panelFilter a.closeLink { position: absolute; display: block; text-decoration: none; width: 14px; height: 15px; top: 143px; left: 323px; }
#stylingSessionCampaign #confirmPanel .panelFilter a { position: relative; z-index: 1000; }


/********************* NEW YEAR NEW YOU (NZ) 2010 FORM *********************/
.newYearNewYou2010Header .contentArea .row table td.titleCell
{
    font-weight: bold;
    font-size: 12px;
    width: 288px;
}

.newYearNewYou2010Header .contentArea .row table td.buttonCell
{
    width: 100px;
}

.newYearNewYou2010Header a.button
{
    float: right;
    margin: 0;
}

.newYearNewYou2010 .contentArea .row .mandatory 
{ 
    text-align: right; 
    padding-right: 30px; 
    width: 368px;
}

.newYearNewYou2010 .contentArea .row .headingColumn { width: 125px; }


/********************* QUESTIONAIRE FORM *********************/
#questionaire { font-family: Arial,Verdana; background: #fde5ef; width:410px;}
#questionaire .questionaireTop {width:410px;height:10px;background: url(../../media/images/main-questionaire-top.gif) no-repeat;font-size:1px;}
#questionaire .questionaireMiddle {width:408px; border-left: solid 1px #ff0099;border-right: solid 1px #ff0099;}
#questionaire .questionaireMiddle .row { overflow:hidden; }
#questionaire .questionaireMiddle .row .headingColumn { width:60px; text-align:right; font-weight:bold; padding-left:20px; padding-top:2px;}
#questionaire .questionaireMiddle .row .headingColumn, #tasteTestingCampaign .tasteTestingCampaignMiddle .row .dataColumn { float:left; min-height:30px; border: solid 1px #fde5ef; color:#464646;}
* html #questionaire .questionaireMiddle .row .headingColumn, * html #tasteTestingCampaign .tasteTestingCampaignMiddle .row .dataColumn { height:30px; }
#questionaire .questionaireMiddle .row .dataColumn { width:313px; padding-left:10px; padding-top:2px; }
#questionaire .questionaireMiddle .row .dataColumn .dataColumnControl { border:solid 1px #ff0099; font-size:11px; }
#questionaire .questionaireMiddle .row .dataColumn .required { color:#FF0000; }
#questionaire .questionaireMiddle .row .questionHeadingColumn { float:left; width:62px; font-weight:bold; color:#464646; padding-left:20px; padding-top:2px;}
#questionaire .questionaireMiddle .row .questionDataColumn { float:left; width:313px; font-weight:bold; color:#464646; padding-left:10px; padding-top:2px;}
#questionaire .questionaireMiddle .row .fullColumn { width:398px; padding-top:2px; padding-left:5px; padding-right:5px; }
#questionaire .questionaireMiddle .row .fullColumn .question {color:#ff0099;font-weight:bold;}
#questionaire .questionaireMiddle .row .fullColumn .answer {}
#questionaire .questionaireBottom {width:410px;height:10px;background: url(../../media/images/main-questionaire-bottom.gif) no-repeat;font-size:1px;}