/* -------------------------------------------------------------- 
  
   Screen Styles - D.I.D Electrical 2009
   Date Created: 02/09/08
   Date Updated: 02/09/08
   Author: Justin Walsh
   
-------------------------------------------------------------- */


/* ---- CSS Browser reset (sets all browsers to display and space default elements equally, remove compatability bugs)
------------------------------------------------------------------------- */


@import 'lib/reset.css';


/* HTML Elements
-------------------------------------------------------------- */
html
{
    height: 100%;
}
/* Centred site layout */
body
{
    margin: 0 auto;
    padding: 0 auto;
    width: 100%;
    background-color: #EDEDED;
    height: 100%;
    position: relative;
}
/* Default fonts and colors, designed to set fonts to look the same across main browsers, and align to an even baseline grid with 18px spacing */
body
{
    font-size: 69%;
    color: #666666;
    font-family: "Helvetica Neue" , "Lucida Grande" , Helvetica, Arial, Verdana, sans-serif;
}

.orderConfirm
{
    background-color: #EDEDED;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.checkoutclogo
{
    background-color: #B80101;
    width: 100%;
    font-size: 45px;
    margin-bottom: 0;
    font-weight: bold;
    color: #ffffff;
    padding-left: 10px;
}
/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, h7
{
    color: #333333;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: 0;
}

h1
{
    font-size: 24px;
    margin-bottom: 0.5em;
    font-weight: normal;
    color: #333333;
}
h2
{
    font-size: 2em;
    margin-bottom: 0.2em;
}
h3
{
    font-size: 1.1em;
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #CC0000;
    line-height: 25px;
}
h4
{
    font-size: 16px;
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #666666;
}
h5
{
    font-size: 12px;
    margin-bottom: 0.3em;
    font-weight: bold;
    color: #666666;
}
h6
{
    font-size: 11px;
    margin-bottom: 0;
    font-weight: bold;
    color: #666666;
}
h7
{
    font-size: 45px !important;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: #ffffff !important;
    padding-left: 10px;
}
p
{
    font-size: 11px;
}
.securityCode
{
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
}

.manu
{
    background-color: #F3F3F3;
    padding-bottom: 6px;
    padding-top: 6px;
    vertical-align: middle;
}
.attributeName
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

.brandLink
{
    display: block;
    padding-top: 5px;
}
.manuFact
{
    width: 100%;
}
.manuFact tbody tr.brand th
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
    text-align: left;
}
.manuFact tbody tr.brand td
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
    text-align: left;
}
.brandlink
{
    padding-left: 5px;
}

/* ---- Buy4now Header
------------------------------------------------------------------------- */


.b4nHeader
{
    height: 22px;
    background-color: #330066;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

.b4nHeader .headerContent
{
    width: 450px;
}

.b4nHeader .headerImage
{
    float: right;
}

/* ---- Site Background
------------------------------------------------------------------------- */
.background
{
    background-image: url(Images/Slice_Header.jpg);
    background-repeat: repeat-x;
    height: 174px;
}



/* ---- Site Framework
------------------------------------------------------------------------- */

#sitecontainer
{
    margin: 0;
    vertical-align: top;
    position: relative;
    height: 100%;
}
.dropshadowleft
{
    background-image: url(Images/DropShadow_Left.jpg);
    background-repeat: repeat-y;
    width: 10px;
}
.dropshadowright
{
    background-image: url(Images/DropShadow_Right.jpg);
    background-repeat: repeat-y;
    width: 10px;
}
.dropshadowbottom
{
    background-image: url(Images/DropShadow_Bottom.jpg);
    background-repeat: repeat-x;
    padding-top: 15px;
    text-align: center;
    font-size: 11px;
}
.bannerhomepage
{
    background-color: #FFFFFF;
    padding: 8px;
}
.subfooter
{
    background-color: #F2F2F2;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    padding-top: 12px;
    padding-bottom: 8px;
    font-size: 11px;
}
.basketnav
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    height: 21px;
    text-align: right;
    padding-top: 7px;
}
.logo
{
    float: left;
    background-image: url(Images/Logo_DID.jpg);
    background-repeat: no-repeat;
    width: 216px;
    height: 106px;
}
.banner
{
    float: right;
    padding: 25px 10px 10px 50px;
    vertical-align: middle;
}

.homebuttonwrapper
{
    float: left;
    padding: 46px 5px 0 0;
}

.homebutton
{
    background-image: url(Images/Home_Button_DID.gif);
    background-repeat: no-repeat;
    text-indent: -2000px;
    display: block;
    width: 42px;
    height: 42px;
    overflow: hidden;
}

.smallbanners
{
    padding: 0px 8px 0px 8px;
    background-color: #FFFFFF;
}
.search
{
    float: left;
    padding: 9px 10px 0px 15px;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
}
.maincontent
{
    float: left;
    background-color: #FFFFFF;
    width: 823px;
    overflow: hidden;
}
.productdetailheader
{
    background-image: url(Images/Slice_Paging.jpg);
    background-repeat: repeat-x;
    height: 45px;
    padding: 0px 0px 0px 0px;
}
.contentcontainer
{
    margin-left: 10px;
    margin-right: 10px;
}
.contentcontainerPopup
{
    padding: 10px;
    width: 90%;
}
.actionbar
{
    margin: 13px 0px;
}
.contentcontainerpad
{
    padding: 10px;
}

/* ---- Site Buttons (styled link buttons)
------------------------------------------------------------------------- */
.closeButton2
{
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(Images/bttn_popup_close.gif);
    text-indent: -2000px;
    float: right;
}
.closeButton2:focus
{
    outline: none;
}

.confirmpayment
{
    width: 97px;
    height: 22px;
    display: block;
    background-image: url(Images/Bttn_ConfirmPayment.gif);
    text-indent: -2000px;
}
.confirmpayment:hover
{
    background-position: 0 -22px;
}
.confirmpayment:focus
{
    outline: none;
}

.writeReview
{
    width: 100px;
    height: 31px;
    display: block;
    background-image: url(Images/Bttn_WriteAReview.gif);
}
.writeReview:hover
{
    background-position: 0 -31px;
    cursor: pointer;
}
.writeReview:focus
{
    outline: none;
}

.resetbutton
{
    width: 40px;
    height: 22px;
    display: block;
    background-image: url(Images/bttn_reset.gif);
    text-indent: -2000px;
}
.resetbutton:hover
{
    background-position: 0 -22px;
}
.resetbutton:focus
{
    outline: none;
}

.sendbutton
{
    width: 38px;
    height: 21px;
    display: block;
    background-image: url(Images/bttn_send.gif);
    text-indent: -2000px;
}
.sendbutton:hover
{
    background-position: 0 -21px;
}
.sendbutton:focus
{
    outline: none;
}

.proceedcheckoutbutton
{
    width: 115px;
    height: 22px;
    display: block;
    background-image: url(Images/bttn_ProceedToCheckout.gif);
    text-indent: -2000px;
}
.proceedcheckoutbutton:focus
{
    outline: none;
}
.proceedcheckoutbutton:hover
{
    background-position: 0 -22px;
}

.cancelbutton
{
    width: 50px;
    height: 22px;
    display: block;
    background-image: url(Images/bttn_cancel.gif);
    text-indent: -2000px;
}
.cancelbutton:focus
{
    outline: none;
}
.cancelbutton:hover
{
    background-position: 0 -22px;
}

.viewdetailsbutton
{
    width: 77px;
    height: 22px;
    display: block;
    background-image: url(Images/Bttn_ViewDetails.gif);
    text-indent: -2000px;
}
.viewdetailsbutton:hover
{
    background-position: 0 -22px;
}
.viewdetailsbutton:focus
{
    outline: none;
}

.addtotrolleybutton
{
    width: 100px;
    height: 21px;
    display: block;
    background-image: url(Images/Bttn_AddToTrolley.gif);
    text-indent: -2000px;
}
.addtotrolleybutton:hover
{
    background-position: 0 -21px;
}
.addtotrolleybutton:focus
{
    outline: none;
}

.addtotrolleylistingbutton
{
    width: 112px;
    height: 33px;
    display: block;
    background-image: url(Images/Bttn_AddToTrolleyListing.gif);
    text-indent: -2000px;
}
.addtotrolleylistingbutton:hover
{
    background-position: 0 -33px;
}
.addtotrolleylistingbutton:focus
{
    outline: none;
}

.addtotrolleysmallbutton
{
    width: 88px;
    height: 21px;
    display: block;
    background-image: url(Images/Bttn_AddToTrolleySmall.gif);
    text-indent: -2000px;
}
.addtotrolleysmallbutton:hover
{
    background-position: 0 -21px;
}
.addtotrolleysmallbutton:focus
{
    outline: none;
}

.closepopupbutton
{
    width: 14px;
    height: 14px;
    display: block;
    background-image: url(Images/bttn_small_textclose.gif);
    text-indent: -2000px;
    float: right;
    padding: 20px 42px 0px 0px;
}
.closepopupbutton:focus
{
    outline: none;
}

.enlargeImageButton
{
    width: 120px;
    height: 45px;
    display: block;
    background-image: url(Images/Bttn_EnlargeImage.jpg);
}
.enlargeImageButton:hover
{
    background-position: 0 -45px;
}
.enlargeImageButton:focus
{
    outline: none;
}

.addServicePlanButton
{
    width: 164px;
    height: 35px;
    display: block;
    text-indent: -2000px;
    background-image: url(Images/Bttn_ViewAddServicePlan.jpg);
}
.addServicePlanButton:hover
{
    background-position: 0 -35px;
}
.addServicePlanButton:focus
{
    outline: none;
}

.tellAFriendButton
{
    width: 91px;
    height: 45px;
    float: left;
    display: block;
    background-image: url(Images/Bttn_TellAFriend.jpg);
}
.tellAFriendButton:hover
{
    background-position: 0 -45px;
}
.tellAFriendButton:focus
{
    outline: none;
}
.closepopupbutton2
{
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(Images/bttn_popup_close.gif);
    text-indent: -3000px;
    float: right;
}
.closepopupbutton2:focus
{
    outline: none;
}

.moreinfobutton
{
    width: 76px;
    height: 33px;
    display: block;
    background-image: url(Images/Bttn_MoreInfoListing.gif);
    text-indent: -2000px;
}
.moreinfobutton:hover
{
    background-position: 0 -33px;
}
.moreinfobutton:focus
{
    outline: none;
}

.moredetailsbutton
{
    width: 75px;
    height: 21px;
    display: block;
    background-image: url(Images/Bttn_MoreDetails.gif);
    text-indent: -2000px;
}
.moredetailsbutton:hover
{
    background-position: 0 -21px;
}
.moredetailsbutton:focus
{
    outline: none;
}

.submitbutton
{
    width: 51px;
    height: 22px;
    display: block;
    background-image: url(Images/Bttn_Submit.gif);
    text-indent: -2000px;
}
.submitbutton:hover
{
    background-position: 0 -22px;
}
.submitbutton:focus
{
    outline: none;
}

.searchbutton
{
    margin-left: 2px;
    width: 51px;
    height: 22px;
    display: block;
    background-image: url(Images/Bttn_Search.gif);
    text-indent: -3000px;
}
.searchbutton:hover
{
    background-position: 0 -22px;
}
.searchbutton:focus
{
    outline: none;
}

.removeButton
{
    background-image: url(Images/bttn_remove.gif);
    width: 50px;
    height: 11px;
    display: block;
    text-align: -2000px;
    background-repeat: no-repeat;
    margin: auto;
}

.feedbackbutton
{
    margin-left: 2px;
    width: 78px;
    height: 21px;
    display: block;
    background-image: url(Images/bttn_feedbackform.gif);
    text-indent: -3000px;
}
.feedbackbutton:hover
{
    background-position: 0 -21px;
}
.feedbackbutton:focus
{
    outline: none;
}

.unsubscribeButton
{
    background-image: url(Images/bttn_unsubscribe.gif);
    display: block;
    width: 71px;
    height: 21px;
}
.unsubscribeButton:hover
{
    background-position: 0 -21px;
}
.unsubscribeButton:focus
{
    outline: none;
}
.subscribeButton
{
    background-image: url(Images/bttn_subscribe.gif);
    display: block;
    width: 60px;
    height: 21px;
}
.subscribeButton:hover
{
    background-position: 0 -21px;
}
.subscribeButton:focus
{
    outline: none;
}

.sendToAFriendButton
{
    background-image: url(Images/Bttn_SendToAFriend.gif);
    display: block;
    width: 166px;
    height: 16px;
}

/* ---- Product Listing
------------------------------------------------------------------------- */
.pagingheader
{
    background-image: url(Images/Slice_Paging_tall.jpg);
    background-repeat: repeat-x;
    height: 60px;
    padding: 20px 10px 0px 10px;
    vertical-align: middle;
    border-top: solid 1px #E9E9E9;
}
.pagingheader_search
{
    background-image: url(Images/Slice_Paging_tall.jpg);
    background-repeat: repeat-x;
    padding: 5px 10px 0px 10px;
    vertical-align: middle;
    border-top: solid 1px #E9E9E9;
}
.itemNumberPaging
{
    float: left;
}
.listingcontainer
{
    padding: 10px;
}
.listingborder
{
    border-top: solid 1px #E9E9E9;
    border-left: solid 1px #E9E9E9;
    border-right: solid 1px #E9E9E9;
    border-bottom: solid 1px #E9E9E9;
}
.listingbckgd
{
    background-image: url(Images/Slice_ProductListing.jpg);
    background-repeat: repeat-x;
    height: 33px;
}
.listing
{
    padding-right: 10px;
    float: left;
}

.paging
{
    color: #666666;
    font-size: 11px;
}
.paging ul li
{
    display: inline;
    text-align: left;
    color: #666666;
}
.paging a
{
    color: #666666;
    text-decoration: none;
    font-weight: normal;
}
.paging a:visited
{
    color: #666666;
    font-weight: normal;
}
.paging a:hover
{
    color: #CC0000;
    font-weight: normal;
}
.paging a:active
{
    color: #666666; /*font-weight: bold;*/
}

.viewAllPagingLink
{
    margin: 5px auto;
    float: right;
}

.faq a
{
    color: #666666;
    text-decoration: none;
    font-weight: normal;
}

.faq a:visited
{
    color: #666666;
    font-weight: normal;
}

.faq a:hover
{
    color: #CC0000;
    font-weight: normal;
}

.faq a:active
{
    color: #666666;
    font-weight: bold;
}

/* ---- Product Detail Screen
------------------------------------------------------------------------- */
.productdetailcontainer
{
    padding: 20px 0px;
}
.productdetaildescription
{
    width: 100%;
}
.dashedlines
{
    border-top: dashed 1px #CCCCCC;
    border-bottom: dashed 1px #CCCCCC;
    margin-top: 10px;
}
.bottomcontainer
{
    border-top: 8px solid #E2E2E2;
    padding: 0px 0px 5px 0px;
}
#PopupBar
{
    background-image: url(Images/Slice_PopupBar.png);
    background-repeat: repeat-x;
    height: 16px;
    border-bottom: solid 1px #AAAAAA;
    cursor: move;
}
.smallcloseButton
{
    float: right;
    padding: 1px 3px 0px 0px;
    cursor: default;
}
.xlImage
{
    padding-top: 10px;
}


/* ---- Right Column Control
------------------------------------------------------------------------- */
.controlbckgd
{
    background-image: url(Images/Slice_FadedBckgd.jpg);
    background-repeat: repeat-x;
    padding: 8px;
    background-color: #F1F1F1;
    color: #666666;
    line-height: 17px;
    font-size: 11px;
}
.comparisonfooter
{
    background-image: url(Images/Slice_ComparisonFooter.jpg);
    background-repeat: repeat-x;
    border-bottom: dashed 1px #CCCCCC;
    height: 20px;
}
.greyborder
{
    border: solid 1px #E2E2E2;
}
.comparisontxt
{
    padding: 8px 3px 8px 5px;
    color: #666666;
    line-height: 17px;
    font-size: 11px;
}
.comparisonimage
{
    padding: 4px;
}
.comparebottom
{
    background-color: #EDEDED;
    padding: 10px;
}
.compareItemsBttn
{
    background-image: url(Images/Bttn_Compare.png);
    width: 58px;
    height: 21px;
    display: block;
    text-align: -2000px;
}
.compareItemsBttn:hover
{
    background-position: 0px -21px;
}
.compareItemsBttn:focus
{
    outline: none;
}


/* ---- Product Comparison
------------------------------------------------------------------------- */
.pageheader
{
    background-image: url(Images/Slice_ProductComparison.jpg);
    background-repeat: repeat-x;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
}

.comparisoncrumb
{
    background-image: url(Images/Slice_Breadcrumb.jpg);
    background-repeat: repeat-x;
    width: 977px;
    height: 32px;
    padding: 8px 10px 0px 0px;
    color: #FFFFFF;
    text-align: top;
}
.comparisoncrumb ul li
{
    display: inline;
    text-align: left;
    color: #FFFFFF;
}
.comparisoncrumb a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}
.comparisoncrumb a:visited
{
    color: #FFFFFF;
    font-weight: normal;
}
.comparisoncrumb a:hover
{
    color: #CC0000;
    font-weight: normal;
}
.comparisoncrumb a:active
{
    color: #CC0000;
    font-weight: normal;
}

.cmptablewrapper
{
    background-color: #FFFFFF;
    width: 100%;
}

.cmptable tbody td
{
    height: 60px;
    background-color: #FFFFFF;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #DCDCDC;
    font-size: 11px; /*vertical-align: middle;*/
}

.cmptable tbody tr.spacer td
{
    height: 0px;
    background-color: #FFFFFF;
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: #ffffff;
    font-size: 11px;
    vertical-align: middle;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.cmptable tbody tr.even td
{
    height: 60px;
    background-color: #ffffff;
    vertical-align: middle;
}
.cmptable tbody tr.odd td
{
    height: 60px;
    background-color: #F3F3F3;
    vertical-align: middle;
}
.cmptable tbody tr.title td
{
    height: 30px;
    background-image: url(Images/Slice_ComparisonTitle.jpg);
    background-repeat: repeat-x;
    font-size: 15px;
    color: #666666;
    font-weight: bold;
}
.cmptable tbody td.cmpcolspacer
{
    background-color: #FFFFFF;
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: #FFFFFF;
}

.cmpcolspacer
{
    background-color: #FFFFFF;
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: #FFFFFF;
}
.pricetable tbody td
{
    height: 0px;
    background-color: #FFFFFF;
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: #DCDCDC;
    padding-top: 0pt;
    padding-right: 0px;
    padding-bottom: 0pt;
    padding-left: 0px;
    font-size: 11px;
    vertical-align: top;
    text-align: left;
}

.pricetable tbody tr.even td
{
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: top;
    background-color: #ffffff;
}
.pricetable tbody tr.odd td
{
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
    background-color: #ffffff;
}
.pricetable tbody tr.title td
{
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
    background-image: none;
    background-repeat: no-repeat;
    font-size: 15px;
    color: #666666;
    font-weight: normal;
}




/* ---- Product Guidance
------------------------------------------------------------------------- */
.matchingproducts
{
    background: url(Images/Slice_ProductGuidance.gif);
    background-repeat: repeat-x;
    padding: 14px 15px 0px 15px;
    height: 35px;
}
.guidancecontainer
{
    padding: 10px 10px 20px 10px;
}

.QuestionTitle
{
    font-size: 14px;
}

/*----Main Navigation Start ---------*/

#navcontainer
{
    background-image: url(Images/Slice_Nav.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 39px;
    border: 1px solid #CCCCCC;
}

.nav ul
{
    padding-left: 0px;
    margin: 0px;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    float: left;
    height: 39px;
}

.nav ul li
{
    display: inline;
}

.nav ul li a
{
    background-image: url(Images/Slice_Nav.jpg);
    background-repeat: repeat-x;
    color: Black;
    text-decoration: none;
    float: left;
    border-right: 1px solid #ccc;
    padding: 10px 10px 0px 10px;
    height: 28px;
}

.nav ul li a:hover
{
    background-image: url(Images/Slice_Nav_On.jpg);
    background-repeat: repeat-x;
    color: White;
}


/* ---- Left Navigation ------------------------------------------------------------------------- */
.needassistance
{
    background-image: url(Images/Slice_NeedAssistance.jpg);
    background-repeat: repeat-x;
    padding: 20px 20px 17px 20px;
    color: #FFFFFF;
    font-size: 11px;
}

/* The .net meny styles can be found in DIDmenu.css */
#leftnavheader
{
    background-image: url(Images/slice_categoryheader.jpg);
    background-repeat: repeat-x;
    padding: 7px 10px 8px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
#leftnav
{
    float: left;
    width: 160px;
    background-color: #F1F1F1;
    height: 100%;
}
.leftnav
{
    float: left;
    width: 160px;
    background-color: #F1F1F1;
    height: 100%;
}
.leftnavheader
{
    background-image: url(Images/slice_categoryheader.jpg);
    background-repeat: repeat-x;
    padding: 7px 10px 8px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
.leftnav ul
{
    list-style: none;
    margin: 0px;
    padding: 8px 10px 10px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.leftnav li
{
    list-style: none;
    line-height: 20px;
    text-indent: 10px;
    background: url(images/bullet_arrow.gif) 0px 0.6em no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}


/* ---- Bread crumb
------------------------------------------------------------------------- */
/*
.breadcrumb { float:right;text-align:left; background-image:url(Images/Slice_Breadcrumb.jpg); background-repeat:repeat-x; color:#FFFFFF; list-style: none; padding: 5px 10px 0px 0px; font-size:11px;}
.breadcrumb ul li {display:inline;text-align:left;color: #FFFFFF;}
.breadcrumb a {color: #FFFFFF;text-decoration:none; font-weight: normal;}
.breadcrumb a:visited {color: #FFFFFF; font-weight: normal;}
.breadcrumb a:hover {color: #FF0000; font-weight: normal;}
.breadcrumb a:active {color: #FF0000; font-weight: normal;}

/* Breadcrumb 
#breadcrumb, #breadcrumb li {font-size:11px; float:right;text-align:left;color:#FFFFFF;margin: 0;padding: 0;display: inline;list-style: none;}
#breadcrumb li {padding-right: 0.75em;}
#breadcrumb li a {color:#FFFFFF;}
#breadcrumb li a:hover {color: #FF0000;}
*/

.referentialseparator
{
    width: 10px;
    border-left: solid 1px black;
}
.ProductNameRef
{
    height: 25px; /*cater for 3 line product name*/
}

/* ---- Page Styles
------------------------------------------------------------------------- */
.bodycontainer
{
    background-image: url(Images/slice_wrapper.gif);
    background-repeat: repeat-y;
    width: 100%;
}
.pageheadercontainer
{
    background-image: url(Images/slice_blackheader.jpg);
    background-repeat: repeat-x;
    height: 40px;
    width: 100%;
    padding: 0px 0px 0px 0px;
}
.pagetitle
{
    float: left;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 9px;
}

.returnlink
{
    float: left;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 9px;
}
a:link.returnlink
{
    float: left;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 9px;
}
a:visited.returnlink
{
    float: left;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 9px;
}
a:hover.returnlink
{
    float: left;
    color: #CC0000;
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 9px;
}
a:active.returnlink
{
    float: left;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 9px;
}

.orderDetailsContainer
{
    width: 640px;
    vertical-align: middle;
}


#landingbanner
{
    padding: 5px;
}
#categoryContentHolder
{
    padding: 10px;
}

.featureditems
{
    background-image: url(Images/slice_FeaturedItems.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 45px;
}
.padLeft
{
    padding-left: 6px;
}


/* ---- Links
------------------------------------------------------------------------- */

a
{
    color: #666666;
    text-decoration: none;
}
a:visited
{
    color: #666666;
}
a:hover
{
    color: #CC0000;
}
a:active
{
    color: #CC0000;
}


a.font11whiteboldLink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 16px;
}
a.font11whiteboldLink:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ED1C24;
    line-height: 16px;
}


.ProductNameCompare
{
    height: 90px;
    text-align: center;
}


.basketnav
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    padding-top: 7px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.basketnav a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.basketnav a:visited
{
    color: #FFFFFF;
    font-weight: normal;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.basketnav a:hover
{
    color: #FF0000;
    font-weight: normal;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.basketnav a:active
{
    color: #FF0000;
    font-weight: normal;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.bold11 a
{
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}
.bold11 a:visited
{
    color: #333333;
    font-weight: bold;
}
.bold11 a:hover
{
    color: #ED1C24;
    font-weight: bold;
}
.bold11 a:active
{
    color: #ED1C24;
    font-weight: bold;
}

.list ul
{
    float: left;
    list-style: none;
    margin: 0px;
    padding: 15px 65px 15px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.list li
{
    list-style: none;
    line-height: 20px;
    text-indent: 12px;
    background: url(images/bullet_arrow.gif) 0px 0.6em no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.buyingguide ul
{
    list-style: none;
    margin: 0px;
    padding: 8px 10px 10px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.buyingguide li
{
    list-style: none;
    line-height: 20px;
    text-indent: 10px;
    background: url(Images/Arrow_Red.gif) 0px 0.6em no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}



/* ---- General Classes
------------------------------------------------------------------------- */
.clearboth
{
    clear: both;
    padding: 0;
    margin: 0;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.bottomdashedline
{
    border-bottom: 1px #999999 dashed;
}


/* ---- Gift Vouchers
------------------------------------------------------------------------- */
.greybackground
{
    background-color: #EDEDED;
    padding: 15px 10px 15px 10px;
    width: 100%;
}





/* ---- Input Fields
------------------------------------------------------------------------- */
.input35
{
    width: 35px;
    height: 16px;
    border: #CCCCCC 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 5px;
}
.input135
{
    width: 135px;
    height: 16px;
    border: #CCCCCC 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 5px;
}
.input150
{
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
}
.input200
{
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
}
.input50Red
{
    width: 50px;
    height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #D90101;
}
.input30
{
    width: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
    padding-left: 3px;
}
.input170
{
    width: 170px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 18px;
    color: #666666;
    margin: 5px 0px 5px 0px;
}
.input70
{
    width: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 18px;
    color: #666666;
    margin: 5px 0px 5px 0px;
}

.input80
{
    width: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
    padding-left: 3px;
}
.inputdelivery
{
    height: 140px;
    width: 400px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}
.inputgiftnote
{
    height: 100px;
    width: 250px;
    font-size: 11px;
}
.input300
{
    width: 300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 18px;
    color: #666666;
    margin: 5px 0px 5px 0px;
}
.inputmultiline170
{
    width: 170px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 80px;
    color: #666666;
    margin: 5px 0px 5px 0px;
}

/* ---- Featured Items
------------------------------------------------------------------------- */
.featuredcontainer
{
    padding: 10px;
}
.dashedlinedivide
{
    background-image: url(Images/Slice_DashedLineDivider.gif);
    background-repeat: repeat-y;
}



/* ---- Promotional Text
------------------------------------------------------------------------- */
.font11red
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CC0000;
    line-height: 25px;
}
.font11grey
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    line-height: 17px;
}
.font11greybold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    line-height: 16px;
}
.font11whitebold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 16px;
}
.font11bluebold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #3399CC;
    line-height: 18px;
}
.font11orangebold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FF6600;
    line-height: 18px;
}

/* ---- Referentials
------------------------------------------------------------------------- */
.referentialProduct
{
    margin: 0 2px;
    float: left;
    text-align: left;
    height: 342px;
    width: 190px;
}
.referentialproductimage img
{
    height: 190px;
    width: 190px;
    margin: 0px auto;
}
.referentialseperator
{
    width: 0px;
    border-left: dashed 1px #DBDBDB;
    margin: 25px auto;
    height: 300px;
}
.referentialpricing
{
    height: 130px;
    margin: 0px 10px;
}

.referentialServicePlanPricing
{
    height: 122px;
    margin: 0px 10px;
}

.referentialactionbar
{
    height: 22px;
    vertical-align: bottom;
    margin: 0 6px;
}

.referentialServicePlanActionbar
{
}

.referentialproductname
{
    font-weight: bold;
}
.DepartmentReferentials td.AspNet-DataList-Item
{
    width: 24%;
}
.DepartmentReferentials td.AspNet-DataList-Alternate
{
    width: 24%;
}
.featureditems
{
    background: url(Images/slice_FeaturedItems.gif) repeat-x #FFF;
}


/* ---- Comparison Products
------------------------------------------------------------------------- */
.comparisonProduct
{
    margin: auto;
    float: left;
    text-align: left;
    height: 310px;
    width: 180px;
}

.comparisonproductimage
{
    width: 115px;
    margin: auto;
}
.comparisonproductimage img
{
    height: 115px;
    width: 115px;
}

.comparisonpricing
{
    height: 70px;
    margin: 0px 10px;
}

.comparisonactionbar
{
    height: 22px;
    vertical-align: bottom;
    margin: auto;
    width: 170px;
}

.comparePromoDescription
{
    margin: 5px auto;
    width: 44px;
}



/* ---- Rating 
------------------------------------------------------------------------- */
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingStar
{
    background-image: url(Images/FilledStar.png);
}
.emptyRatingStar
{
    background-image: url(Images/EmptyStar.png);
}
.savedRatingStar
{
    background-image: url(Images/SavedStar.png);
}

/* ---- Textbox Watermark
------------------------------------------------------------------------- */
.watermarked
{
    background-color: #F0F8FF;
    color: gray;
}



/* ---- Checkout Links
------------------------------------------------------------------------- */

.checkoutlinks
{
    height: 28px;
    color: #333333;
    text-align: center;
}
.checkoutlinks ul li
{
    display: inline;
    text-align: left;
    color: #333333;
}
.checkoutlinks a
{
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}
.checkoutlinks a:visited
{
    color: #333333;
    font-weight: normal;
}
.checkoutlinks a:hover
{
    color: #CC0000;
    font-weight: normal;
}
.checkoutlinks a:active
{
    color: #CC0000;
    font-weight: normal;
}

#checkoutnav
{
    width: 980px;
    height: 40px;
    background-color: #EDEDED;
    border: solid 1px #CCCCCC;
    background-image: url(Images/Slice_MainNav.jpg);
    background-repeat: repeat-x;
}

.checkoutheader
{
    background-image: url(Images/Slice_Breadcrumb.jpg);
    background-repeat: repeat-x;
    width: 982px;
    height: 40px;
    padding: 0px;
    color: #FFFFFF;
}
.checkoutcontainer
{
    width: 945px;
    padding: 20px 10px 40px 10px;
    background-color: #FFFFFF;
}
.widecontainer
{
    width: 960px;
    padding: 20px 10px 40px 10px;
    background-color: #FFFFFF;
}
.formbackground
{
    background-color: #EDEDED;
    padding: 20px 20px 20px 20px;
}
.formbackgroundpay
{
    background-color: #EDEDED;
    padding: 0px 0px 0px 0px;
}
.formbackgroundpay2
{
    background-color: #EDEDED;
    padding: 15px 0px 20px 20px;
}

.formbackground2
{
}

.itemsummary
{
    background-color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    height: 30px;
}
.itemsummaryrow
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
}
.checkoutheaderlogo
{
    background: url(Images/checkout_header_logo.jpg) no-repeat #FFF;
}

#checkoutbilladdress
{
    float: left;
    width: 470px;
}
#checkoutshipaddress
{
    float: right;
    width: 470px;
}
#checkoutpayandcollect
{
    float: right;
    width: 470px;
}
.addressheading
{
    /*Positioning Rules for headings*/
}
.addressinputform
{
    padding: 20px;
    background-color: #EDEDED;
    height: 460px;
}
#checkoutactionbar
{
    width: 100%;
    margin: 10px auto;
}
#backbutton
{
    float: left;
}
#continuebutton
{
    float: right;
}


/* ---- Buy4now Registration
------------------------------------------------------------------------- */
.continuebutton
{
    width: 63px;
    height: 21px;
    display: block;
    background-image: url(Images/Bttn_Continue.gif);
    text-indent: -2000px;
}
.continuebutton:hover
{
    background-position: 0 -21px;
}
.continuebutton:focus
{
    outline: none;
}
.backbutton
{
    width: 43px;
    height: 22px;
    display: block;
    background-image: url(Images/Bttn_Back.gif);
    text-indent: -2000px;
}
.backbutton:hover
{
    background-position: 0 -22px;
}
.backbutton:focus
{
    overflow: hidden;
}


.changestore
{
    width: 82px;
    height: 22px;
    display: block;
    background-image: url(Images/Bttn_ChangeStore.gif);
    text-indent: -2000px;
}
.changestore:hover
{
    background-position: 0 -22px;
}
.changestore:focus
{
    overflow: hidden;
}

.storeaddress
{
    line-height: 16px;
}

/* password strength rules*/
.passwordStrength1
{
    margin-left: 15px;
    background-color: Gray;
    color: White;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    font-weight: bold;
    padding: 2px 3px;
}
.passwordStrength2
{
    margin-left: 15px;
    background-color: Gray;
    color: Yellow;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    font-weight: bold;
    padding: 2px 3px;
}
.passwordStrength3
{
    margin-left: 15px;
    background-color: Gray;
    color: #FFCAAF;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    font-weight: bold;
    padding: 2px 3px;
}
.passwordStrength4
{
    margin-left: 15px;
    background-color: Gray;
    color: Aqua;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    font-weight: bold;
    padding: 2px 3px;
}
.passwordStrength5
{
    margin-left: 15px;
    background-color: Gray;
    color: #93FF9E;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    font-weight: bold;
    padding: 2px 3px;
}

/* Popup controls */
.popup_s
{
    width: 320px;
    border: solid 1px #CCC;
}
/* UPDATED 281008 */
.popup_m
{
    width: 400px;
    border: solid 1px #CCC;
    z-index: 21;
}
/* UPDATED 281008 */
.popup_l
{
    width: 520px;
    border: solid 1px #CCC;
    z-index: 21;
}
/* UPDATED 281008 */
.popup_xl
{
    width: 565px;
    border: solid 1px #CCC;
    z-index: 21;
}
/* UPDATED 281008 */
.popup_pm
{
    width: 460px;
    border: solid 1px #CCC;
    z-index: 21;
}
/* UPDATED 281008 */


.closebox
{
    float: right;
}
.popup_window
{
    background: url(Images/slice_popup_header.gif) no-repeat #FFF;
}
/* REPLACES popup_header 281008 */
.popup_window h4
{
    margin: 0;
    margin-top: 40px;
    margin-left: 10px;
    margin-bottom: 15px;
    font: 1.5em;
    color: #FFF;
    overflow: hidden;
}
/* ADDED 281008 */
.popupCustom
{
    border: solid 1px #CCC;
    z-index: 21;
}

/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf
{
    display: block;
    margin: 4px -4px -8px 4px;
    background: url(images/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html > body .ydsf
{
    margin: 10px -10px -10px 10px;
    background: url(images/shadow.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before, .ydsf:after
{
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    background: inherit;
}

.ydsf:before
{
    position: absolute;
    top: 0;
    right: 0;
    margin: -10px 0 0 auto;
    background-position: right top;
}

.ydsf:after
{
    margin: -10px 0 0 -10px;
    background-position: left bottom;
}

.ydsf .inner
{
    display: block;
    position: relative;
    overflow: hidden; /* prevents margin leakage from child elements */
    left: -4px;
    top: -4px;
    padding: 13px 15px 20px 15px;
}

.ydsf .inner2
{
    display: block;
    position: relative;
    overflow: hidden; /* prevents margin leakage from child elements */
    left: -4px;
    top: -4px;
    padding: 13px 0 20px 0;
}

/* ie6 ignores this selector */
html > body .ydsf .inner
{
    left: -10px;
    top: -10px;
    margin: 0;
}

/* ie6 ignores this selector */
html > body .ydsf .inner2
{
    left: -10px;
    top: -10px;
    margin: 0;
}

/* Forms added by wesley 141008 for pop-up fix */
.highlight
{
    color: #CC0000;
}
fieldset
{
    border: none;
    padding: 0;
    margin: 0;
}

.checkbox
{
    display: block;
    margin: -18px 0px 0px 25px;
}
.form_container .input-text_xs
{
    color: #666666;
    width: 60px;
}
.form_container .input-text_sm
{
    color: #666666;
    width: 100px;
}
.form_container .input-text_md
{
    color: #666666;
    width: 160px;
}
.form_container .input-text_lg
{
    color: #666666;
    width: 220px;
}
.form_container .input-text_xl
{
    color: #666666;
    width: 280px;
}
.form_container .input-text_xxl
{
    color: #666666;
    width: 340px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.form_container .input-text_xxl_multiline
{
    color: #666666;
    width: 340px;
    font-size: 12px;
}
.form_container label
{
    display: block;
    margin-bottom: 10px;
    color: #555555;
    padding-left: 0;
    line-height: 1.2em;
    margin-bottom: 15px;
}
.form_container label span
{
    display: block;
    float: left;
    padding-right: 18px;
    width: 200px;
    text-align: left;
    font-weight: bold;
}
.form_container label span.label_wide
{
    width: 155px;
}
.form_container label span.label_extrawide
{
    padding-right: 10px;
    width: 280px;
}
/* End Popup- */


.textpagecontainer
{
    padding: 10px 10px 20px 10px;
}
.textpagecontainer ul
{
    list-style: none;
    margin: 0px;
    padding: 8px 10px 10px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.textpagecontainer li
{
    list-style: none;
    line-height: 20px;
    text-indent: 10px;
    background: url(images/bullet_arrow.gif) 0px 0.6em no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}

.highlight a
{
    color: #CC0000;
}



/*----A-Z Product Index ---------*/


.azindex ul
{
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
.azindex ul li
{
    float: left;
    display: block;
    text-align: left;
    font-size: 11px;
    padding: 0px 3px 0px 0px;
}
.azindex a
{
    text-decoration: none;
    display: block;
    padding: 6px 8px;
    color: #ffffff;
    background-color: #CB0101;
}
.azindex a:link
{
    text-decoration: none;
    display: block;
    padding: 6px 8px;
    color: #ffffff;
    background-color: #CB0101;
}
.azindex a:hover
{
    color: #FFFFFF;
    background-color: #8B8B8B;
}


.azindexon
{
    color: #FFFFFF;
    background-color: #FFFFFF;
}
.azindexon ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
.azindexon ul li
{
    display: inline;
    text-align: left;
    font-size: 11px;
}

.azindexon a:link
{
    text-decoration: none;
    padding: 6px 8px;
    color: #FFFFFF;
    background-color: #000000;
}
.azindexon a:hover
{
    color: #FFFFFF;
    background-color: #000000;
}



.productindexinlineheader
{
    display: inline;
}
.nogap
{
    display: inline;
}
.productlistwrapper table
{
    width: 100%;
}
.productlistwrapper table td
{
    width: 25%;
}


/* Manufacturers page Tble added 251108
-------------------------------------------------------------- */

.box-table-a
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
    font-size: 12px;
    width: 807px;
    text-align: left;
    border-collapse: collapse;
}
.box-table-a th
{
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #E5E5E5;
    border-top: 4px solid #E5E5E5;
    border-bottom: 1px solid #fff;
    color: #222;
}
.box-table-a td
{
    padding: 8px;
    background: #EDEDED;
    border-bottom: 1px solid #fff;
    color: #666;
    border-top: 1px solid transparent;
}
.box-table-a tr:hover td
{
    background: #E5E5E5;
    color: #222;
}


/****************** Basket css *************************/

/* ---- Shopping Basket ------------------------------- */
.BasketTitle
{
    vertical-align: middle !important;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    font-size: 1.1em !important;
    font-weight: bold;
    line-height: 25px;
    color: #fafafa;
    text-align: left;
}
.RemoveTitle
{
    vertical-align: middle !important;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    font-size: 1.1em !important;
    font-weight: bold;
    line-height: 25px;
    color: #fafafa;
    text-align: center;
    padding: 0px !important;
}

.gridBasket tbody th
{
    padding: 0px 0px 0px 6px;
    font-size: 11px;
    vertical-align: top;
}
.gridBasket tbody tr.header th
{
    height: 40px;
}
.gridBasket tbody tr.product th
{
    padding-top: 0px;
    padding-bottom: 10px;
    vertical-align: middle;
    border-bottom: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}
.gridBasket tbody tr.product td
{
    padding-top: 0px;
    padding-bottom: 10px;
    vertical-align: middle;
    border-bottom: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}

.gridBasket tbody tr.addon th
{
    background-image: url(Images/Slice_ProductListing.jpg);
    background-repeat: repeat-x;
    padding: 5px 6px 5px 6px;
    border-bottom: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}
.gridBasket tbody tr.addon td
{
    background-image: url(Images/Slice_ProductListing.jpg);
    background-repeat: repeat-x;
    padding: 5px 6px 5px 6px;
    border-bottom: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}

.gridBasketSummary
{
    width: 100%;
}
.gridBasketSummary tbody tr.header
{
    background-color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    height: 30px;
    text-align: left;
    background-image: none;
}
.gridBasketSummary tbody tr.header th
{
    background-color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    text-align: left;
}
.gridBasketSummary tbody tr.product th
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
    text-align: left;
}
.gridBasketSummary tbody tr.product td
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
    text-align: left;
}

.gridBasketSummary tbody tr.addon th
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
    text-align: left;
}
.gridBasketSummary tbody tr.addon td
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
    text-align: left;
}

.gridBasketPaySummary
{
    width: 950px;
}
.gridBasketPaySummary tbody tr.header
{
    background-color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    height: 30px;
    text-align: left;
    background-image: none !important;
}
.gridBasketPaySummary tbody tr.header th
{
    background-color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    text-align: left;
}
.gridBasketPaySummary tbody tr.product th
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
    text-align: left;
}
.gridBasketPaySummary tbody tr.product td
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
    text-align: left;
}
.gridBasketPaySummary tbody tr.addon th
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
    text-align: left;
}
.gridBasketPaySummary tbody tr.addon td
{
    background-color: #F4F4F4;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
    height: 30px;
    text-align: left;
}







.basketproductdetailcontainer
{
    padding: 20px 10px;
}

.baskettotal
{
    background-image: url(Images/Slice_BasketTotal.gif);
    background-repeat: repeat-x;
    height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
}
.baskettotal a
{
    text-decoration: underline;
}



.basketfooter
{
    background-image: url(Images/Slice_BasketFooter.gif);
    background-repeat: repeat-x;
    width: 803px;
    height: 50px;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}


.gridBasket
{
    width: 803px;
    margin-top: 0px;
    vertical-align: top;
}

.baskettable tbody td
{
    padding: 0px 0px 0px 6px;
    font-size: 11px;
    vertical-align: top;
}
.baskettable tbody tr.header td
{
    height: 40px;
}
.baskettable tbody tr.product td
{
    padding-top: 0px;
    padding-bottom: 10px;
    vertical-align: middle;
    border-bottom: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}
.baskettable tbody tr.addon td
{
    background-image: url(Images/Slice_ProductListing.jpg);
    background-repeat: repeat-x;
    padding: 5px 6px 5px 6px;
    border-bottom: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}

a.basketLink
{
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}
.basketLink:hover
{
    text-decoration: underline;
}
.basketLink:active
{
    color: #0033ff;
}
.basketLabel
{
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}
.quantityEditView table, .quantityEditView td
{
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.basketQuantity
{
    width: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
    padding-left: 3px;
}
.basketQuantityTable
{
}
.basketQuantityTable tbody tr.product td
{
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
    border-bottom: none;
    border-width: 1px;
    border-color: #CCCCCC;
}
.header
{
    background-image: url(Images/Slice_BasketHeader.jpg);
    background-repeat: repeat-x;
}
.basketText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    line-height: 16px;
    padding-left: 5px;
}
.basketDiscountText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CC0000;
    line-height: 25px;
    padding-left: 5px;
}

/****************************** END BASKET CSS ******************************************/


/******************************* BUTTONS ************************************************/

.closeButton
{
    background-image: url(Images/bttn_close2.gif);
    width: 41px;
    height: 21px;
    text-indent: -2000px;
    display: block;
}


.refImageBttn
{
    background-image: url(Images/Bttn_HaveYouThoughtAbout.jpg);
    width: 163px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}
.refImageBttn:Focus
{
    outline: none;
}
.refImageBttnOn
{
    background-image: url(Images/Bttn_HaveYouThoughtAbout_On.jpg);
    width: 163px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}
.refImageBttnOn:Focus
{
    outline: none;
}
.prodSpecBttn
{
    background-image: url(Images/Bttn_ProductSpecification.jpg);
    width: 143px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}
.prodSpecBttn:Focus
{
    outline: none;
}
.prodSpecBttnOn
{
    background-image: url(Images/Bttn_ProductSpecification_On.jpg);
    width: 143px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}
.prodSpecBttnOn:Focus
{
    outline: none;
}
.prodReviewBttn
{
    background-image: url(Images/Bttn_Reviews.jpg);
    width: 83px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}
.prodReviewBttn:Focus
{
    outline: none;
}
.prodReviewBttnOn
{
    background-image: url(Images/Bttn_Reviews_On.jpg);
    width: 83px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}
.prodReviewBttnOn:Focus
{
    outline: none;
}
.buyGuideBttn
{
    background-image: url(Images/Bttn_BuyingGuide.jpg);
    width: 110px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}
.buyGuideBttn:Focus
{
    outline: none;
}
.buyGuideBttnOn
{
    background-image: url(Images/Bttn_BuyingGuide_On.jpg);
    width: 110px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}
.buyGuideBttnOn:Focus
{
    outline: none;
}
.cancelCheckoutButton
{
    width: 124px;
    height: 38px;
    display: block;
    background-image: url(Images/Bttn_CancelCheckout.gif);
    text-indent: -3000px;
}
.cancelCheckoutButton:hover
{
    background-position: 0 -38px;
}
.cancelCheckoutButton:focus
{
    outline: none;
}
.displayMatchingButton
{
    width: 145px;
    height: 22px;
    display: block;
    background-image: url(Images/bttn_displaymatchingproducts.gif);
    text-indent: -3000px;
}
.displayMatchingButton:hover
{
    background-position: 0 -22px;
}
.displayMatchingButton:focus
{
    outline: none;
}

.checkoutprint
{
    float: right;
    padding-right: 25px;
}


.menupopupframe
{
    height: 550px;
    width: 100%;
    border: none;
    padding-right: 30px;
    overflow-x: hidden;
}


.productIndexName
{
    line-height: 1.5;
}

.wrap_image
{
    float: left;
}
.progressIndicator
{
    position: absolute;
    top: 40%;
    left: 45%;
    background: #666;
    filter: alpha(opacity=70);
    opacity: 0.7px;
}
.progress
{
    position: absolute;
    top: 40%;
    left: 45%;
    background: #666;
    filter: alpha(opacity=70);
    opacity: 0.7px;
}
.ajax_indicator
{
    position: absolute;
    top: 40%;
    left: 45%;
    background: #666;
    filter: alpha(opacity=70);
    opacity: 0.7px;
}

.ErrorMessage
{
    font-size: 11px;
    margin-bottom: 0;
    font-weight: bold;
    color: Red;
}

/* Global Pop-Ups ---- *//* -- UPDATED 230807 -- */
.popup_wrapper
{
    margin: 0 0px;
    padding: 0 0px;
    text-align: left;
    vertical-align: top;
    width: 601px;
}
/*
.popup_page {
width: 600px;
}
*/

.popup_page
{
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
}

.popup_page_top
{
    /* -- ADDED 230807 -- */
    height: 17px;
}
.contenttop_popup
{
    width: 100%;
    height: 40px;
}
.contentbottom_popup
{
    width: 100%;
    height: 62px;
    clear: left;
}
.popup_page_content
{
    /* -- All ADDED 230807 -- */
    margin-left: 40px;
    width: 521px;
}
.popup_close
{
    float: right;
    padding: 20px 42px 0px 0px;
    width: auto;
}
.popup_page .messagecontrol_error
{
    margin-left: 20px;
}
.popup_page .messagecontrol_confirm
{
    margin-left: 20px;
}
.popupPanel
{
    width: 511px;
    height: 356px;
    position: relative;
    background-color: White;
    padding: 40px;
    overflow: hidden;
}

.popupPanelClose
{
    position: absolute;
    top: 50px;
    right: 50px;
}

.popupModalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    height: 100% !important;
    width: 100% !important;
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7; /*This needs to be 100% as it can BREAK THE GRAPHICS CARD*/
    height: 100% !important;
    width: 100% !important;
}
.busy_indicator_container
{
    top: 200px;
    width: 100px;
    position: absolute;
    left: 50%;
}

.busy_indicator
{
    position: absolute;
    left: -50px;
    width: 100px;
    height: 100px;
    border: 1px solid dimgray;
    background: white;
}

.busy_indicator img
{
    padding: 40px 0px 0px 40px;
}



#footer .links
{
    margin-top: 35px;
}

#footer a.standardLink:hover
{
    /* -- FOOTER LIKN STYLE - WHITE */
    text-decoration: underline;
    font-weight: normal;
    color: #8C198E;
}
#footer a.standardLink
{
    color: #8C198E;
    margin-left: 0px; /* leszek changes  */
    margin-right: 0px;
}

#footer .standardLink
{
    color: #8C198E;
}


.rating
{
    color: #898989;
    font-weight: bold;
}

.ratingStar
{
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    font-size: 0pt;
    height: 12px;
    margin: 0px;
    padding: 0px;
    width: 12px;
}

.filledRatingStar
{
    background-image: url("images/star_red.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    font-size: 0pt;
    height: 13px;
    margin: 0px;
    padding: 0px;
    width: 13px;
}

.emptyRatingStar
{
    background-image: url("images/starEmpty.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    font-size: 0pt;
    height: 13px;
    margin: 0px;
    padding: 0px;
    width: 13px;
}

.quantityViewLayout table, .quantityViewLayout td, .pd_attributes select, .formfields table, .formfields td
{
    padding: 0px;
    margin: 0px;
}

.clear
{
    /* -- use where a div following a float needs to move below that block -- */
    clear: both; /* -- UPDATED 010807 - margin 0 causing IE6 spacing issue - removed- */
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}



/****************************** PROMOTIONS CSS ******************************************/
.promotionDescription
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    margin-top: 0;
    font-size: 1.1em;
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #CC0000;
    line-height: 25px;
}

promotionDescriptionPopup
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    margin-top: 0;
    font-size: 1.1em;
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #ffffff;
    line-height: 25px;
}

/******************************END PROMOTIONS CSS ******************************************/


/******************************Search Results CSS ******************************************/

.searchDropDown
{
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
}
.searchInfoLabel
{
}
.searchDropDownsmall
{
    width: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
}

a.pageLink
{
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    display: inline;
}
.pageLink:hover
{
    color: #CC0000;
}
.pageLink:active
{
    font-weight: bold;
}
a.pageLink .currPage
{
    font-weight: bold;
    text-decoration: underline;
}

a.pageLinkselected .currPage
{
    font-weight: bold;
    text-decoration: underline;
}

.pagedivid
{
    padding-left: 2px;
    padding-right: 2px;
}


.itemResult
{
    width: 637px;
}
.itemResult .itemResultCell1
{
    width: 115px;
    vertical-align: top;
    height: 115px;
    padding-right: 10px;
}
.itemResult .itemResultCell2
{
    vertical-align: middle;
}
.itemResult .itemResultCell4
{
    width: 110px;
    vertical-align: middle;
}

.searchBoxLarge
{
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
}
.searchBoxSmall
{
    vertical-align: middle;
    width: 135px;
    height: 16px;
    border: #CCCCCC 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 5px;
}


/******************************END Search Results CSS ******************************************/


/******************************Bread crumb CSS ******************************************/

.breadcrumb
{
    float: right;
    text-align: left;
    color: #FFFFFF;
    list-style: none;
    font-size: 11px;
    padding: 12px 10px 0px 0px;
}
.breadcrumb ul
{
    margin: 0;
}
.breadcrumb ul li
{
    display: inline;
    text-align: left;
    color: #FFFFFF;
}
.breadcrumb a
{
    display: inline;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}
.breadcrumb a:visited
{
    color: #FFFFFF;
    font-weight: normal;
}
.breadcrumb a:hover
{
    color: #FF0000;
    font-weight: normal;
}
.breadcrumb a:active
{
    color: #FF0000;
    font-weight: normal;
}
.breadcrumbText
{
    display: inline;
    text-align: left;
    color: #FFFFFF;
}


/******************************end Bread Crumb CSS ******************************************/

/******************************paging CSS ******************************************/
.itemsFilterByCategory
{
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
}
.itemsFilterByBrand
{
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
}
.itemsFilterByPage
{
    width: 70px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
}
/******************************paging CSS ******************************************/

/******************************guidance CSS ******************************************/

.guidanceDD
{
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: 19px;
    color: #666666;
}
.guidanceLabel
{
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.attributeGrid
{
    width: 100%;
    margin-top: 0px;
    vertical-align: top;
}
.attributeRow
{
    width: 150px;
}
.attList
{
}
.attcheckboxList input
{
}
.attcheckboxList label
{
}
.compareError
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CC0000;
    line-height: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 100px;
}
/******************************paging CSS ******************************************/

/******************************autocomplete styles ******************************************/
/*AutoComplete flyout */

.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    cursor: 'default';
    overflow: auto;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
}
/*****************************Misceallaneous***************************/

/* used to hide cells in store locator popup window, as datalist generates a tr tag for header rows */
.hidecell
{
    height: 0px;
    width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 0px;
}
/************************************************************************/

/*************************Hover Popup for attributes and promotion descriptions********************************/

.dropShadowPanel
{
    width: 200px;
    background: #CC0000;
    color: white;
    font-weight: bold;
}

.infopopup
{
}
/* Added 301008 */

.infopopup_window
{
    vertical-align: middle;
    padding-top: 5px;
    text-align: center;
    padding-left: 5px;
    background: #CC0000;
    color: #FFF;
    line-height: 1.3em;
}
/* Added 301008 */

/************************************************************************/

/*************************Vertical menu links********************************/

a.selectedMenuLink
{
    color: #CC0000;
    text-decoration: none;
}

a.servicePlanLink
{
    color: #CC0000;
    text-decoration: underline;
    text-align: left;
}
a.selectedMenuLink :visited
{
    color: #CC0000;
}
a.selectedMenuLink :hover
{
    color: #CC0000;
}
a.selectedMenuLink :active
{
    color: #CC0000;
}
/************************************************************************/

.textcounter
{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #909090;
    font-size: 11px;
    width: 90px;
}

/* QuantityView */

.defaultTextQuantityView
{
    width: 30px;
    text-align: right;
}

.quantityViewLayout
{
}


/* Referential Product Family View */
.referentialPrice
{
    font-size: 14px;
    left: 0px;
    position: relative;
    top: -15px;
}

.referentialPriceValue
{
    font-weight: bold;
    font-size: 14px;
    color: red;
    font-family: Arial;
    left: 0px;
    position: relative;
    top: -15px;
}

.referentialOldPrice
{
    font-weight: bold;
    font-size: 12px;
    color: red;
    font-family: Arial;
    left: 0px;
    position: relative;
    top: 15px;
}

.referentialOldPriceValue
{
    font-weight: bold;
    font-size: 12px;
    color: red;
    font-family: Arial;
    left: 0px;
    position: relative;
    top: 15px;
}

.referentialProductImageButton
{
    border-style: solid;
    border-color: Gray;
    border-width: 1px;
}

.referentialPrimaryHighlightGraphicImage
{
    border-style: solid;
    border-color: Gray;
    border-width: 1px;
}

A.referentialLink
{
    font-weight: bold;
    font-size: 13px;
    color: #75b09f;
    font-family: Arial;
}

.referentialCategoryLabel
{
    font-weight: bold;
    font-size: 10px;
    color: gray;
    font-family: Arial;
}

.referentialCatalogNumberLabel
{
    font-weight: bold;
    font-size: 10px;
    color: gray;
    font-family: Arial;
}

.referentialDescriptionLabel
{
    font-weight: bold;
    font-size: 10px;
    color: gray;
    font-family: Arial;
}

.referentialLayoutPanel
{
    width: 220px;
}

/* Strip Product Family View */








.stripProductImageButton
{
    border-style: solid;
    border-color: Gray;
    border-width: 1px;
}

.stripPrimaryHighlightGraphicImage
{
    border-style: solid;
    border-color: Gray;
    border-width: 1px;
}

A.stripLink
{
    font-weight: bold;
    font-size: 13px;
    color: #75b09f;
    font-family: Arial;
}

.stripCategoryLabel
{
    font-weight: bold;
    font-size: 10px;
    color: gray;
    font-family: Arial;
}

.stripCatalogNumberLabel
{
    font-weight: bold;
    font-size: 10px;
    color: gray;
    font-family: Arial;
}

.stripDescriptionLabel
{
    font-weight: bold;
    font-size: 10px;
    color: gray;
    font-family: Arial;
}

.stripLayoutPanel
{
    width: 500px;
}

/* CustomDropDownList */

.customDropDownListItem
{
    padding-left: 20px;
    color: gray; /*background-image: url(~/APP_Themes/DID/images/dropdownselected.PNG); 	background-repeat:no-repeat;*/
    text-decoration: none;
}

.customDropDownListItem:Hover
{
    padding-left: 20px;
    color: Red;
    background-image: url(~/APP_Themes/DID/images/dropdownselected.PNG);
    background-repeat: no-repeat;
    text-decoration: none;
}

/*.customDropDownListItemSelected
{
	padding-left:20px;
	color: Red;
	background-image: url(~/APP_Themes/DID/images/dropdownselected.PNG);
	background-repeat:no-repeat;
	text-decoration:none;
}*/

.customDropDownListItemSelected
{
    padding-left: 20px;
    color: gray;
    text-decoration: none; /*background-image: url(~/APP_Themes/DID/images/dropdownselected.PNG); 	background-repeat:no-repeat;*/
}

.customDropDownListItemSelected:Hover
{
    padding-left: 20px;
    color: Red;
    background-image: url(~/APP_Themes/DID/images/dropdownselected.PNG);
    background-repeat: no-repeat;
    text-decoration: none;
}

.testItemStyle:Hover
{
    background-image: url(~/APP_Themes/DID/images/dropdownselected.PNG);
    background-repeat: no-repeat;
    color: Red;
    background-color: #dcdcdc;
    margin: 0px;
    padding: 0px;
}

.popupControl
{
    background-color: White;
    border-style: solid;
    border-color: #dcdcdc;
    border-width: 1px;
}

.textTest
{
    font-family: Arial;
    font-size: 11px;
    color: Black;
    cursor: pointer;
    border-width: 0px;
    vertical-align: middle;
    width: 130px;
    padding-left: 5px;
    margin: 0px;
}

.imageTest
{
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

.panel
{
    background-image: url(~/APP_Themes/DID/images/dropdownvaluebackground.PNG);
    background-repeat: repeat-x;
    background-color: White;
    cursor: pointer;
    width: 150px;
    border-width: 1px;
    border-color: #dcdcdc;
    margin: 0px;
    padding: 0px;
}

.tableMokeUp
{
    border-width: 0px;
    margin: 0px;
    padding: 0px;
}



.dropDownLink
{
    border: 1px solid #CECCB4;
    color: #BAB696;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 13px;
    width: 150px;
    margin-top: 12px;
    text-align: right;
    text-decoration: none;
    font-size: 15px;
    padding: 0pt 130px 0pt 0pt;
    cursor: pointer;
    background-position: right center;
    background-attachment: scroll;
    background-image: url(~/APP_Themes/DID/images/dropdownimage.PNG);
    background-repeat: no-repeat;
}

/* ProductFamilyImagesView */

.productFamilyImagesLayout
{
    width: 302px;
}

.mainImage
{
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    width: 360px;
    height: 360px;
}

.mainImageHover
{
    border-right: dimgray 1px solid;
    border-top: dimgray 1px solid;
    border-left: dimgray 1px solid;
    border-bottom: dimgray 1px solid;
    width: 300px;
    height: 300px;
}

.smallImage, img.smallImage
{
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    width: 80px;
    height: 80px;
}

.smallImageHover, .smallImageSelected
{
    border-right: dimgray 1px solid;
    border-top: dimgray 1px solid;
    border-left: dimgray 1px solid;
    border-bottom: dimgray 1px solid;
    width: 80px;
    height: 80px;
}

.smallImageColor
{
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    width: 20px;
    height: 20px;
}

.smallImageHoverColor, .smallImageSelectedColor
{
    border-right: dimgray 1px solid;
    border-top: dimgray 1px solid;
    border-left: dimgray 1px solid;
    border-bottom: dimgray 1px solid;
    width: 20px;
    height: 20px;
}

.openExtraLargeImage
{
    position: relative;
    float: right;
    height: 30px;
    width: 30px;
    top: -350px;
    right: 10px;
    background: url("images/bttn_ZoomImage.gif");
}

.openExtraLargeImage:hover
{
    background: url("images/bttn_ZoomImage_hover.gif");
}

.extralargeImagePanel
{
    background-color: White;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    width: 500px;
    height: 500px;
    display: block;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* Product Family Secondary Highlights Images */

/*.secondaryHighlightsImages
{
	width:60px;
	height:60px;
}*/

.productFamilySecondaryHighlightsImages
{
    width: 100%;
}

.productFamilySecondaryHighlightsImages .floatleft
{
    margin-right: 5px;
    overflow: hidden;
    width: 60px;
}


/* Product Family Brand */

.productFamilyBrand
{
    width: 50px;
    height: 50px;
}

/* Product Family Primary Highlight Image */
.primaryHighlightImage
{
    width: 50px;
    height: 50px;
}


/* Product Family Listing */

.checkoutGuestButton
{
    width: 63px;
    height: 21px;
    display: block;
    background-image: url(Images/Bttn_Continue.jpg);
    text-indent: -2000px;
}

.checkoutGuestButton:Hover
{
    width: 63px;
    height: 21px;
    display: block;
    background-image: url(Images/Bttn_Continue_On.jpg);
    text-indent: -2000px;
}

.checkoutVoucherAddButton
{
    width: 75px;
    height: 22px;
    display: block;
    background-image: url(Images/Bttn_UpdateCost.jpg);
}

checkoutVoucherAddButton:Hover
{
    width: 75px;
    height: 22px;
    display: block;
    background-image: url(Images/Bttn_UpdateCost_On.jpg);
}

.checkoutVoucherAddedButton:Focus
{
    overflow: :hidden;
}

.checkoutGuestButton:focus
{
    overflow: hidden;
}

.checkoutLoginButton
{
    width: 52px;
    height: 21px;
    display: block;
    background-image: url(Images/Bttn_SignIn.jpg);
    text-indent: -2000px;
    cursor:pointer;
}

#changepasswordlink
{    
    text-decoration: underline;
    cursor: pointer;   
}

.checkoutLoginButton:Hover
{
    width: 52px;
    height: 21px;
    display: block;
    background-image: url(Images/Bttn_SignIn_On.jpg);
    text-indent: -2000px;
}

.checkoiutLoginButton:focus
{
    overflow: hidden;
}

.productFamilyImage
{
    height: 105px;
    width: 105px;
    border-style: none;
    border-color: #E9E9E9;
}





/* Detail link */


.imagesDataList
{
    margin: 5px 0px;
}

.imagesDataList td
{
    padding: 5px 0px;
    float: left;
    padding-left: 5px;
    width: 85px;
}

/*************BEGIN HAS PRICE ITEM VIEW CSS ***************************************/
.productFamilyPriceLayout
{
}

.productFamilyOldPrice
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    line-height: 16px;
}
.productFamilyOldPriceValue
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    line-height: 16px;
}

.productFamilyRetailPrice
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    line-height: 17px;
}
.productFamilyRetailPriceValue
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    line-height: 17px;
}


.productFamilyPrfPrice
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}
.productFamilyPrfPriceValue
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}


.productFamilyPricePromo
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CC0000;
}
.productFamilyPriceValuePromo
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CC0000;
}

.productFamilyPrice
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}
.productFamilyPriceValue
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}

.stripLayoutPricePanel
{
    width: 150px;
}


/*************END HAS PRICE ITEM VIEW CSS ***************************************/


/*************BEGIN  product family styles***************************************/

.productFamilyLink, a.productFamilyLink
{
    margin-bottom: 0.3em;
    font-weight: bold;
    color: #666666;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    margin-top: 0;
    font-size: 12px;
}
.productFamilyLink:hover
{
    text-decoration: underline;
    font-weight: bold;
    color: #666666;
}

.productFamilyLinkCompare, a.productFamilyLinkCompare
{
    font-weight: normal;
    color: #666666;
    font-size: 11px;
}

.productFamilyLinkCompare:hover
{
    color: #666666;
    text-decoration: underline;
}
/*************END HAS PRICE ITEM VIEW CSS ***************************************/


/*  PRODUCT DETAILS PAGE --------------------------------------------------------------------------------------- */

.pd_lc
{
    /* -- UPDATED 300707 -- */
    float: left;
    width: 365px;
    margin-bottom: 5px;
    vertical-align: top;
}
.pd_rc
{
    /* -- UPDATED 300707 -- */
    float: right;
    width: 200px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    line-height: normal;
    vertical-align: inherit;
}

.pd_titletext
{
    font-size: 1.2em;
    font-weight: bold;
}


.pd_mainimage
{
    /* -- UPDATED 300707 -- */
    height: 300px;
    width: 300px;
    background: #FFF;
    margin-bottom: 15px;
    border: solid 1px #CCCCCC;
    overflow: hidden;
    position: relative;
}

.pd_thumbnailwrap
{
    /* -- UPDATED 300707 -- */
    height: 81px;
    margin-left: -28px;
}
.pd_thumbnailwrap a
{
    /* -- UPDATED 300707 -- */
    float: left;
    margin-left: 28px;
    border: solid 1px #E5E5E5;
    margin-bottom: 15px;
}
.pd_thumbnailwrap a:hover
{
    /* HOVER, HIGHLIGHT CURRENT ACTIVE THUMBNAIL-- Added 300707 -- */
    border: solid 1px #999999;
}
.pd_thumbnailwrap .active
{
    /* --Added 300707 -- */
    border: solid 1px #CCCCCC;
}
.pd_lc p
{
    font-size: 1.2em;
    font-weight: bold;
}

.pd_titletext p
{
    margin-bottom: 15px;
}

.pd_primaryinfo
{
    /* -- UPDATED 300707 -- */
    width: 119px;
    float: left;
}
.pd_primaryinfo .price
{
    font-size: 1.2em;
    font-weight: bold;
    color: #333333;
    width: 119px;
    margin-bottom: 0.5em;
}
.pd_primaryinfo .priceValue
{
    color: #AE0000;
}
.pd_primaryinfo .old
{
    font-size: 1em;
    color: #AE0000;
}
.pd_primaryhighlight
{
}


.pd_2ndhighlightwrap
{
    /* -- UPDATED 300707 -- */
    padding-top: 15px;
    border: 0px;
}
.pd_2ndhighlight
{
    /* -- UPDATED 300707 -- */
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 5px;
    background: #E6E6E6;
}

.pd_reviews h3
{
    /* -- UPDATED 300707 -- */
    float: left;
}
.pd_reviews h5
{
    /* -- UPDATED 300707 -- */
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.pd_reviews span
{
    /* -- UPDATED 300707 -- */
    float: right;
}
.pd_reviews h5 a
{
    /* -- UPDATED 300707 -- */
    margin-right: 10px;
}


.pd_attributes
{
    /* -- UPDATED 300707 -- */
    clear: both;
}
.pd_attributes select
{
    width: 200px;
    margin: 10px 0px 5px 0px;
}
.pd_attributes_output p
{
    font-size: 0.9em;
}
.pd_attributes_output p span
{
    /* -- UPDATED 300707 -- */
    font-weight: bold;
    margin-right: 5px;
    margin-bottom: 0px;
}


.pd_addtobasket
{
    /* -- UPDATED 300707 -- */
    margin-bottom: 15px; /* -- border-bottom:2px dotted #CCCCCC; -- */
    height: 65px;
    text-align: justify;
}
.pd_addtobasket p
{
    /* -- UPDATED 300707 -- */
    margin-bottom: 5px;
    font-weight: bold;
}
.pd_addtobasket .floatright
{
    /* -- UPDATED 300707 -- */
    text-align: right;
}


.pd_swatch a
{
    /* -- UPDATED 300707 -- */
    float: left;
    height: 20px;
    width: 20px;
    background: #FFF;
    margin-right: 10px;
    margin-bottom: 5px;
    border: solid 1px #fff;
}
.pd_swatch a:hover
{
    /* -- UPDATED 300707 -- */
    border: solid 1px #999999;
}
.pd_swatches
{
    /* -- ADDED 300707 -- */
    margin-bottom: 10px;
    background: #FFF;
}


.pd_brandlogo
{
    /* -- UPDATED 300707 -- */
    margin-bottom: 15px;
    border-bottom: 2px dotted #CCCCCC;
    font-weight: bold;
}

.pd_brandlogo table
{
    margin-top: 5px;
}

.pd_brandlogo p a
{
    /* -- UPDATED 300707 -- */
    font-size: 0.9em;
    color: #999999;
}
.pd_brandlogo img
{
    /* -- UPDATED 300707 -- */
    margin-bottom: 5px;
}

.pd_brandlogo table td
{
    padding: 5px 5px 5px 0px;
}

input.zoombutton
{
    /* -- UPDATED 300707 -- */
    background: url(~/APP_Themes/DID/images/bttn_ZoomImage.gif) no-repeat;
    position: absolute;
    top: 271px;
    right: -1px;
}
input.zoombutton:hover
{
    /* -- ADDED 300707 -- */
    background: url(~/APP_Themes/DID/images/bttn_ZoomImage_hover.gif) no-repeat;
}

/* ALL OTHER STYLES ---- */

.pd_viewAll a
{
    color: #666666;
}


.popupcontainer
{
    width: 500px;
    border: solid 1px #FFF;
    background-color: #FFF;
    z-index: 10;
}

.popupheader
{
    height: 60px;
    background-image: url(images/slice_popup_header.gif);
    background-repeat: repeat-x;
    cursor: move;
}

.popuptitle
{
    width: auto;
    background-color: #333333;
    color: #FFF;
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px;
}

.popupClose
{
    cursor: pointer !important;
    display: block;
    background-image: url(Images/bttn_popup_close.gif);
    width: 17px;
    height: 17px;
    margin: 2px;
}


.loginCheckoutButton
{
    cursor: pointer !important;
    display: block;
    background-image: url(Images/Bttn_SignIn.jpg);
    width: 52px;
    height: 21px;
}


.popupcontent
{
    width: 480px;
    padding: 15px 10px 20px 10px;
}

.popfloatleft
{
    float: left;
    width: 288px;
    padding-right: 10px;
}

.popfloatright
{
    float: right;
    width: 170px;
    padding-left: 10px;
    border-left: dashed 1px #999;
}


.help_submenu ul B
{
    font-weight: normal;
    font-family: "Helvetica Neue" , "Lucida Grande" ,Helvetica,Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.filtermenulinkselected
{
    color: #CC0000;
}
.required
{
    color: #CC0000;
}
.pd_longdescription
{
    padding-right: 5px;
    width: 350px;
}
.pd_shortdescription
{
    padding-right: 5px;
    width: 350px;
}

.newsletterConfirmationText
{
    color: Red;
    margin: 10px auto;
}

.underlined
{
    text-decoration: underline;
}

.sortfilterLabel
{
    padding: 0 5px 0px 10px;
}

ul.rotatingbanner
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.internationalShippingText
{
    margin: 5px 0;
    font-weight: bold;
}

.inputfeedbackmultiline
{
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

.bttnViewAllOrders
{
    width: 92px;
    height: 22px;
    display: block;
    background-image: url(Images/Bttn_ViewAllOrders.gif);
    text-indent: -2000px;
}

.bttnViewAllOrders:hover
{
    background-position: 0 -22px;
}

.bttnViewAllOrders:focus
{
    overflow: hidden;
}
.ordertracking
{
    text-align: left;
}

.orderListingHeader
{
    background-image: url(Images/Slice_Breadcrumb.jpg);
    background-repeat: repeat-x;
    width: 200px;
    height: 40px;
    padding: 0px;
    color: #FFFFFF;
}

.orderListingRow
{    
    padding: 0 0 10px 0;
    border-bottom: solid 1px #FFFFFF;
    background-color: #EDEDED;
    font-size: 11px;
    height:30px;
}

.displayNone
{
    display:none;
}

.twitterButton
{
    width: 82px;    
    height: 25px;
    display:block;
    background-image: url(Images/DID_TwitterBadge.jpg);
    text-indent: -2000px;    
}

.facebookButton
{
    width: 82px;    
    height: 25px;
    display:block;
    background-image: url(Images/DID_FacebookBadge.jpg);
    text-indent: -2000px;
    margin-bottom:8px;
}


.facebookButton:focus, .twitterButton:focus
{
    overflow: hidden;
}

.Badges
{
    float: left;
    padding-top: 30px;
    margin-left: 4px;
}