/******************** Find a store, book a test *****************************/

.sideComponents .goButton
{
    display: block;
    width: 62px;
    height: 33px;
    background: url(cssimages/components/findstorebookatest/goButton.gif) no-repeat 0 0;
    text-indent: -10000px;
    float: left;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
}


.sideComponents a.goButton
{
    float: left;
}

.sideComponents input.goButton
{
    border: 0;
    padding: 0;
}


.sideComponents .goButton:hover
{
    background-position: 0 -33px;
}

.sideComponents .ajax__tab_xp .ajax__tab_header
{
    background: none;
    height: 40px;
}

.sideComponents .ajax__tab_container
{
    margin-bottom: 15px;
}
.sideComponents .ajax__tab_xp .ajax__tab_body
{
    padding: 0;
    border: 0;
    width: 283px;
    height: 181px;
    background: none;
    color: #B5D5F0;
    font-size: 12px;
    font-family: Arial, Serif;
}


.sideComponents .ajax__tab_xp .ajax__tab_body .findAStoreText
{
    font-size: 14px;
    line-height: 17px;
    width: 242px;
}


.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel
{
    padding: 0;
    border: 0;
}


.sideComponents .ajax__tab_xp .ajax__tab_body .findAStore
{
    width: 282px;
    height: 180px;
    background: url(cssimages/components/findstorebookatest/findAStoreTab.gif) no-repeat top left;
}

.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .findAStoreTabcontent, .sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .bookATestTabcontent
{
    margin-left: 14px;
    padding-right: 10px;
    padding-top: 20px;
    width: 255px;
}

.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel h2
{
    margin-top: 0px;
    margin-bottom: 5px;
    color: #FFFFFF;
}

.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .findAStoreTabcontent h2
{
    background: url("cssimages/components/findstorebookatest/startFeelingGoodToday.gif") no-repeat scroll left top transparent;
    width: 239px;
    height: 20px;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 0px;
    overflow: hidden;
    padding: 0;
    text-indent: -5000px;
}

.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .findAStoreTabcontent .postCodeTextboxButton
{
    margin-top: 5px;
    margin-bottom: 7px;
}

.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .findAStoreTabcontent .postCodeTextboxButton .postCodeTextbox
{
    vertical-align: top;
    margin-top: 1px;
    margin-bottom: 3px;
    border: 0;
    background: url(cssimages/components/findstorebookatest/findAStoreTextboxBackground.gif) no-repeat top left;
    color: #0755A3;
    margin-right: 3px;
    width: 173px;
    font-family: Arial;
    font-size: 12px;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-right: 5px;
    height: 29px;
    line-height: 29px;
    float: left;
}


.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .findAStoreTabcontent .viewazlist
{
    text-align: right;
    margin-right: 10px;
    float: right;
    margin-top: 10px;
    width:150px;
    
}

.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .findAStoreTabcontent .viewazlist a
{
    color: #B5D5F0;
    font-weight: bold;
}





.sideComponents .ajax__tab_xp .ajax__tab_body .bookAtest
{
    width: 283px;
    height: 181px;
    background: url(cssimages/components/findstorebookatest/findAStoreTab.gif) no-repeat top left;
}


.sideComponents .ajax__tab_xp .ajax__tab_inner
{
    /* left part */
    height: 40px;
    background: url(cssimages/components/findstorebookatest/bookATestTabLeft.gif) no-repeat bottom left;
    padding-left: 6px;
}

.sideComponents .ajax__tab_xp .ajax__tab_hover .ajax__tab_inner
{
    background: url(cssimages/components/findstorebookatest/bookAstoreHoverLeft.gif) no-repeat bottom left;
}

.sideComponents .ajax__tab_xp .ajax__tab_tab
{
    /* Middle part */
    height: 32px;
    background: url(cssimages/components/findstorebookatest/bookATestTabCenter.jpg) repeat-x bottom left;
    padding-top: 8px;
    padding-bottom: 0px;
    color: #FFFFFF;
    font-size: 20px;
    font-family: Arial, Serif;
}

.sideComponents .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab
{
    background: url(cssimages/components/findstorebookatest/bookAstoreHoverMiddle.jpg) repeat-x bottom left;
}



.sideComponents .ajax__tab_xp .ajax__tab_outer, .sideComponents .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer
{
    /* Right part */
    height: 40px;
    background: url(cssimages/components/findstorebookatest/bookATestTabRight.gif) no-repeat bottom right;
    padding-right: 6px;
}

.sideComponents .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer
{
    background: url(cssimages/components/findstorebookatest/bookAstoreHoverRight.gif) no-repeat bottom right;
}



.sideComponents .ajax__tab_xp .ajax__tab_active .ajax__tab_inner
{
    /* left part */
    height: 40px;
    background: url(cssimages/components/findstorebookatest/findAStoreTabLeft.gif) no-repeat bottom left;
    padding-left: 7px;
    margin-left: 0px;
}

.sideComponents .ajax__tab_xp .ajax__tab_active .ajax__tab_tab
{
    /* Middle part */
    background: url(cssimages/components/findstorebookatest/findAStoreTabMiddle.jpg) repeat-x bottom left;
}


.sideComponents .ajax__tab_xp .ajax__tab_active .ajax__tab_outer
{
    /* Right part */
    height: 40px;
    background: url(cssimages/components/findstorebookatest/findAStoreTabRight.gif) no-repeat bottom right;
    padding-right: 7px;
}



.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .bookATestTabcontent .findAStoreText
{
    margin-bottom: 10px;
}
.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .bookATestTabcontent .goButton
{
    margin-top: 10px;
}
.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .bookATestTabcontent .postCodeTextboxButton select
{
    width: 245px;
}

.sideComponents .ajax__tab_xp .ajax__tab_body .ajax__tab_panel .bookATestTabcontent h2
{
    background: url("cssimages/components/findstorebookatest/bookYourTestToday.gif") no-repeat scroll left top transparent;
    width: 239px;
    height: 20px;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 0px;
    overflow: hidden;
    padding: 0;
    text-indent: -5000px;
}



/*********** find a store book a test END *******************/

/************************ Newsletter *********************/

.sideComponents .newsletterRightSideComponent
{
    margin-bottom: 15px;
    height: 215px;
    background: url(cssimages/components/joinournewsletter/joinOurNewsletterBackground.gif) no-repeat bottom left;
    width: 280px;
}

.sideComponents .newsletterRightSideComponent fieldset.newsletter
{
    border: 0;
    padding: 0;
    margin: 0;
    color: #B5D5F0;
    padding-left: 14px;
    padding-right: 14px;
}




.sideComponents .newsletterRightSideComponent fieldset.newsletter h3
{
    background: url("cssimages/components/joinournewsletter/joinOurNewsletterText.gif") no-repeat scroll left top transparent;
    width: 190px;
    height: 17px;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 15px;
    overflow: hidden;
    padding: 0;
    text-indent: -5000px;
    color: #ffffff;
    float: left;
}

.sideComponents .newsletterRightSideComponent fieldset.newsletter p
{
    margin: 0;
    margin-top: 5px;
    float: left;
    width: 100%;
}

.sideComponents .newsletterRightSideComponent .newsletterRightSideComponentMiddle .benefits
{
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #ffffff;
    float: left;
    width: 100%;
}

.sideComponents .newsletterRightSideComponent .newsletterRightSideComponentMiddle .benefits div
{
    padding-left: 30px;
    background: url("cssimages/components/joinournewsletter/greenCheck.gif") no-repeat scroll left top transparent;
    margin-top: 2px;
    margin-bottom: 2px;
    float: left;
    width: 200px;
}

.sideComponents .newsletterRightSideComponent .newsletterRightSideComponentMiddle .elements
{
    height: 26px;
    float: left;
    width: 100%;
}


.sideComponents .newsletterRightSideComponent .newsletterRightSideComponentMiddle .elements input.signupButton
{
    display: block;
    width: 83px;
    height: 26px;
    background: url(cssimages/components/joinournewsletter/redSignUpButton.gif) no-repeat 0 0;
    text-indent: -10000px;
    float: left;
    border: 0;
    padding: 0;
    margin-left: 6px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
}


.sideComponents .newsletterRightSideComponent .newsletterRightSideComponentMiddle .elements input.signupButton:Hover
{
    background-position: 0px -26px;
}

.sideComponents .newsletterRightSideComponent .newsletterRightSideComponentMiddle .elements .text
{
    float: left;
    color: #0755A3;
    margin-top: 1px;
    vertical-align: top;
    border: 0;
    background: url(cssimages/components/joinournewsletter/joinOurNewsletterTextboxBackground.gif) no-repeat top left;
    margin-right: 5px;
    width: 145px;
    padding-left: 7px;
    padding-bottom: 5px;
    padding-right: 5px;
    height: 22px;
    line-height: 22px;
}


.sideComponents .newsletterRightSideComponent .newsletterRightSideComponentMiddle .errorMessages .error
{
    float: left;
    width: 100%;
}

/****************** Newsletter End *********************/

/****************** Testimonials *********************/

.sideComponents .testimonialComponent
{
    margin-bottom: 15px;
    height: 130px;
    background: url(cssimages/components/testimonial/testimonialBackground.jpg) no-repeat top left;
    padding: 0px 0px 0px 15px;
    position: relative;
    width: 265px;
}

.sideComponents .testimonialComponent .overlay
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 2px;
    height: 130px;
    background: url(cssimages/components/testimonial/testimonialOverlay.gif) no-repeat top right;
}


.sideComponents .testimonialComponent .leftSide
{
    margin-top: 10px;
    height: 130px;
    float: left;
    width: 144px;
}

.sideComponents .testimonialComponent .leftQuotes
{
    width: 15px;
    height: 56px;
    background: url(cssimages/components/testimonial/leftQuotes.gif) no-repeat top left;
    float: left;
}

.sideComponents .testimonialComponent .rightQuotes
{
    width: 15px;
    height: 46px;
    background: url(cssimages/components/testimonial/rightQuotes.gif) no-repeat bottom right;
    float: left;
}

.sideComponents .testimonialComponent .signature
{
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    text-align: right;
    float: left;
    width: 144px;
    margin-top: 5px;
}
.sideComponents .testimonialComponent .text
{
    width: 110px;
    height: 56px;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-left: 4px;
    overflow: hidden;
    margin-top: 2px;
}

.sideComponents .testimonialComponent .link
{
    color: #033789;
    font-weight: bold;
    font-size: 12px;
    width: 144px;
    float: left;
    margin-top: 10px;
    text-align: left;
}

.sideComponents .testimonialComponent .link a, .sideComponents .testimonialComponent .link a:hover, .sideComponents .testimonialComponent .link a:visited
{
    color: #033789;
    font-weight: bold;
    font-size: 12px;
    padding-left: 3px;
}

.sideComponents .testimonialComponent .link a:hover
{
    color: #B21B3E;
}




.sideComponents .testimonialComponent .customerImage
{
    width: 100px;
    height: 109px;
    float: right;
}

.sideComponents .testimonialComponent .customerImage img
{
}


/****************** Testimonials End *********************/

/****************** Join the priority club  *********************/


.sideComponents .priorityClubJoinButton a
{
    display: block;
    width: 260px;
    height: 26px;
    background: url(cssimages/components/priorityClub/joinOurPriorityClubButton.gif) no-repeat 0 0;
    text-indent: -10000px;
    float: left;
    cursor: pointer;
}

.sideComponents .priorityClubJoinButton a:hover
{
    background-position: 0px -26px;
}


.sideComponents .joinOurPriorityClub
{
    margin-bottom: 15px;
    height: 219px;
    width: 259px;
    background: url(cssimages/components/priorityClub/priorityClubComponentBackground.gif) no-repeat top left;
    padding: 10px 10px 5px 10px;
}

.sideComponents .joinOurPriorityClub h3
{
    background: url("cssimages/components/priorityClub/priorityClubHalfPriceBatteriesForLife.gif") no-repeat scroll left top transparent;
    width: 247px;
    height: 122px;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 5px;
    overflow: hidden;
    padding: 0;
    text-indent: -5000px;
}

.sideComponents .joinOurPriorityClub .text
{
    margin-top: 15px;
    height: 45px;
}


.sideComponents .joinOurPriorityClub15Percent
{
    margin-bottom: 15px;
    height: 219px;
    width: 259px;
    background: url(cssimages/components/priorityClub/priorityClubComponentBackground.gif) no-repeat top left;
    padding: 10px 10px 5px 10px;
}



.sideComponents .joinOurPriorityClub15Percent .text
{
    margin-top: 15px;
    height: 45px;
}


.sideComponents .joinOurPriorityClub15Percent h3
{
    background: url("cssimages/components/priorityClub/priorityClub15percentOff.gif") no-repeat scroll left top transparent;
    width: 250px;
    height: 100px;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 20px;
    margin-left: 5px;
    overflow: hidden;
    padding: 0;
    text-indent: -5000px;
}



/****************** Join the priority club End *********************/


/****************** Hearing Aid MOT *********************/


.sideComponents .HearingAidMOT
{
    margin-bottom: 15px;
    height: 219px;
    width: 259px;
    background: url(cssimages/components/priorityClub/priorityClubComponentBackground.gif) no-repeat top left;
    padding: 10px 10px 5px 10px;
}



.sideComponents .HearingAidMOT .text
{
    margin-top: 15px;
    height: 45px;
    margin-bottom: 10px;
}


.sideComponents .HearingAidMOT h3
{
    background: url("cssimages/components/hearingAidMOT/hearingAidMOTHeader.gif") no-repeat scroll left top transparent;
    width: 252px;
    height: 100px;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: 5px;
    overflow: hidden;
    padding: 0;
    text-indent: -5000px;
}

/****************** Hearing Aid MOT End *********************/


/****************** GENERIC Component *********************/




.sideComponents .bottomGenericComponent
{
    background: url("cssimages/components/generic/BackgroundBottom.gif") no-repeat scroll left top transparent;
    height:4px;
     margin-bottom:15px;
}


.sideComponents .genericComponent
{
    background:#CBE2F5 url("cssimages/components/generic/BackgroundCenter.jpg") repeat-x scroll left top;
     width:280px;
     position:relative;
     padding-bottom:5px;
     margin-bottom:15px;
    
    
}

.sideComponents .genericComponent .overlayImage
{
      background:transparent url("cssimages/components/generic/TopOverlay.gif") no-repeat scroll left top;
      position:absolute;
      top:0;
      left:0;
      height:3px;
      width:280px;
 
}


.sideComponents .genericComponent .bottomOverlay
{
      background:transparent url("cssimages/components/generic/BottomOverlay.gif") no-repeat scroll left top;
      position:absolute;
      bottom:0;
      left:0;
      height:3px;
      width:280px;
 
}



.sideComponents .genericComponent h3
{

	margin-bottom:0;
margin-top:0;
padding-top:5px;
margin:0 7px;
}

.sideComponents .genericComponent .text
{
    margin-bottom:10px;
margin-top:7px;
    padding-left:7px;
    padding-right:7px;
    
}

.sideComponents .genericComponent .componentButton
{
     width: 260px;
    height: 17px;
    padding-top:3px;
	padding-bottom:6px;
    margin-left:10px;
    margin-right:10px;
     background: transparent url(cssimages/components/generic/blueHomepageButton.gif) no-repeat 0 -26px;
       
}


.sideComponents .genericComponent .componentButton a
{
    display: block;
     width: 260px;
    float: left;
    cursor: pointer;
    text-decoration:none; 
    font-size:14px; color:#ffffff; text-align:center;
    overflow:hidden;
    
}

.sideComponents .genericComponent .componentButton:hover
{
    background-position: 0px 0px;
}


/****************** GENERIC Component END *********************/