/*@charset "utf-8";*/
/* Master CSS Document - Elverys Sports Presentation Layer */


/* ---- CSS Browser reset (sets all browsers to display and space default elements equally, remove compatability bugs)
------------------------------------------------------------------------- */

@import 'lib/reset.css';



/* HTML Elements
--------------------------------------------------------- */
body
{
    background: url(images/Slice_Background.gif) repeat;
    margin: 0 auto;
    padding: 0 auto;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 71%; /* Trying to balance sizes across main browsers. This works well for IE 6-7 and Firefox 2. Most browsers set 'small' as 16px, IE sets 'medium' as 16 px. 62.5pc is the easiest ratio for EM to PIXELS sizes eg. 12 px = 1.2 em but any size less than 69% makes 'small or smaller' viewer text sizes unreadable in IE 7-6-5, */
}

.summaryheadertotal
{
    
    height: 35px;
    background-color: #C7C7C7;
    font-size: 1.0em;
    color: #000;
    font-weight: bold;
    text-align:right;
	padding-right: 12px;
}

.checkoutconfirmationfooter
{
	width:630px;
	height:40px;
	text-align:center;
}
.showsaving
{
    color: #CC0000;
}


.checkoutVoucherButton
{
	width : 73px;
	height: 20px;
	display: block;
	background-image: url(Images/Bttn_Update.jpg);
}

.totalbasketitem
{
    height: 40px;
    border-bottom: solid 1px #FFF;
    padding-right:6px;
}

p
{
    vertical-align: text-top;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}


strong
{
	font-weight:bold;
}

em { font-style : italic;}


.securityCode
{
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
}

.input70Label
{
    width: 60px;
    font-size: 1.0em;
    height: 19px;
	background-color: #EFEFEF;
	border: solid 1px #EFEFEF;
	vertical-align:middle;
}

.ProductNameCompare
{
    height: 30px;
}

#content p
{
    font: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    margin: 0.6em 0em 1em 0em;
    word-spacing: 0.08em;
}

#content h2, h3, h4, h5, h6
{
    margin: 1.2em 0em 0.5em 0em;
    letter-spacing: 0em;
    word-spacing: 0.1em;
    font-weight: bold;
}

a:link
{
    color: #000;
    text-decoration: none;
}

a:visited
{
    color: #000;
    text-decoration: none;
}

a:hover
{
    color: #00774E;
    visibility: visible;
}

a:active
{
    color: #00774E;
    text-decoration: none;
}


h1, h2, h3, h4, h5, h6
{
    margin: 0;
    margin: 0;
}

h1
{
    /* displayed at 15px */
    font-size: 1.5em;
    color: #666666;
}

h2
{
    /* displayed at 14px */
    font-size: 1.4em;
    color: #000;
    font-weight: bold;
}

h3
{
    /* displayed at 11px */
    font-size: 1.1em;
    color: #820000;
}

h4
{
    /* displayed at 11px */
    font-size: 1.0em;
    color: #CC0000;
    font-weight: bold;
}

h5
{
    /* displayed at 11px */
    font-size: 1.0em;
    color: #000;
    font-weight: bold;
    line-height: 1.4em;
}

h6
{
    /* displayed at 10px */
    font-size: 1.0em;
    color: #000;
    font-weight: bold;
    line-height: 1.4em;
}

strong
{
	font-weight:bold;
}

.giftradio
{ font-size: 1.0em;
    color: #000;
    font-weight: bold;
    line-height: 1.4em;
    padding-left:5px;
    
}
.clearboth
{
    clear: both;
}

.floatleft
{
    float: left;
}

.floatLeftCurrency
{
    float: left;
    margin-left:110px;
}

.floatright
{
    float: right;
}

.padding5
{
    padding-top: 5px;
    padding-bottom: 5px;
}

/* The following styles are for re-skinning the partner sites Elverys, IRFU, FAI, GAA ---------------------------- */

.headertop
{
    height: 30px;
    background-image: url(images/Slice_TopHeader.jpg);
    background-repeat: repeat-x;
}

.headerbottom
{
    height: 111px;
    background-image: url(images/Slice_BottomHeader.jpg);
    background-repeat: repeat-x;
}
.browsestore
{
    width: 160px;
    height: 30px;
    background-image: url(images/Title_BrowseStore.jpg);
          background-repeat:no-repeat;
}

.otherdepartments
{
    width: 160px;
    height: 30px;
    background-image: url(images/Title_OtherDepartments.jpg);
      background-repeat:no-repeat;
}

.compareproducts
{
    width: 160px;
    height: 30px;
    background-image: url(images/Title_CompareProducts.jpg);
          background-repeat:no-repeat;
}

.compareProductsBttn
{
    width: 82px;
    height: 20px;
    background-image: url(Images/Bttn_Compare.jpg);
    display: block;
          background-repeat:no-repeat;
}

.checkoutGuestButton
{
	width: 96px;
	height: 25px;
	display:block;
	background-image: url(Images/Bttn_Continue.jpg);
	text-indent: -2000px;
}


.checkoutGuestButton:focus 
{
	overflow:hidden;
}

.checkoutLoginButton
{
	width : 77px;
	height: 25px;
	display: block;
	background-image: url(Images/Bttn_SignIn.jpg);
}

.checkoutLoginButton:focus 
{
	overflow:hidden;
}


.checkoutheader {
height:140px;
width:880px;
padding: 0px 0px 0px 0px;
background-image: url(../Images/Header_Checkout.jpg);
background-repeat: no-repeat;
}

.confirmationheader
{
    width: 630px;
    height: 58px;
    background-image: url(images/Slice_ConfirmationHeader.jpg);
    background-repeat: repeat-x;
    padding-top: 24px;
    margin-bottom: 20px;
}

.pinkfont
{
    font-size: 1.1em;
    color: #CC2653;
}

/* General Styles -------------------------------------- */

#midsectioncontainer
{
    width: 882px;
}

.contentcontainer
{
    float: left;
    width: 710px;
}

.pdcontentcontainer
{
    float: left;
    width: 705px;
}

.breadcrumb
{
    float: left;
   
    
    padding-top: 6px;
}

.breadCrumbPretext
{
    font-weight: bold;
}

.breadcrumbNode, a.breadcrumbNode
{
    text-decoration: none;
}


.breadcrumbproductdetail
{
    background-image: url(images/Slice_BreadCrumbBckgd.jpg);
    background-repeat: repeat-x;
    float: left;
    height: 20px;
    width: 690px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
}

.listingtitle
{
   
    float: right;
  
    padding-top: 6px;
    text-align: right;
}

.pagetitle
{
    height: 40px;
    width: 690px;
    background-image: url(images/Slice_PageTitle.jpg);
    background-repeat: repeat-x;
    padding: 7px 10px 0px 10px;
    font-size: 1.4em;
    color: #FFF;
    margin-bottom: 15px;
}

.helpLink
{
    cursor: pointer;
}

/* Header Styles -------------------------------------- */

.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;
}

.b4nHeader .headerText
{
    float: right;
    margin-right: 5px;
    padding-top: 4px;
    text-align: right;
}

#wrapperperimeter
{
    width: 902px;
    background-color: #FFF;
    border: solid 1px #C7C7C7;
    padding: 0px;
    margin: 0 auto;
    margin-top: 15px;
    height: 100%;
}

#wrapper
{
    width: 882px;
    background-color: #FFF;
    padding: 10px;
    margin: 0 auto;
    height: 100%;
}

.topnavcontainer
{
    padding-top: 10px;
    height: 20px;
    color: #FFF;
    float: right;
    width: 447px;
    background-color: #000;
}

.topnav
{
    float: left;
    color: #FFF;
    font-size: 1.0em;
}

.topnav ul li
{
    display: inline;
    text-align: left;
    color: #FFF;
}

.topnav a
{
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
}

.topnav a:visited
{
    color: #FFF;
    font-weight: normal;
}

.topnav a:hover
{
    color: #00774E;
    font-weight: normal;
}

.topnav a:active
{
    color: #FFF;
    font-weight: bold;
}

.yellowfont
{
    float: left;
    color: #FC0;
}

.floatleftheader
{
    float: left;
    width: 50%;
    height: 100px;
}

.floatrightheader
{
    float: right;
    height: 100px;
    padding-top: 11px;
}

/* Search Bar Styles------------------------------*/

.searchcontainer
{
    background-image: url(images/Slice_SearchBar.jpg);
    background-repeat: repeat-x;
    height: 30px;
    border-left: solid 1px #E0E0E0;
    border-right: solid 1px #E0E0E0;
    padding: 7px 5px 0px 10px;
    margin-bottom: 10px;
}

.productsearch
{
    float: left;
    vertical-align: middle;
    
}
.searchButtonLarge
{
    width: 77px;
    height: 25px;
    display: block;
    background-image: url(Images/Bttn_Search.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
    vertical-align: middle;
}
.searchButton
{
    width: 22px;
    height: 19px;
    display: block;
    background-image: url(Images/Bttn_SearchIcon.gif);
          background-repeat:no-repeat;
    text-indent: -2000px;
    vertical-align: middle;
      margin-top:1px;
}

.ResetButton 
{
    width:67px;
    height:25px;
     display: block;
    background-image:url(Images/Bttn_Reset.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
    vertical-align: middle;
}

.SendButton
{
    width: 67px;
    height:25px;
     display: block;
    background-image:url(Images/Bttn_Send.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
    vertical-align: middle;
}
.removeXButton
{
    width:11px;
    height:11px;
    display:block;
    background-image:url(Images/Bttn_X.jpg);
          background-repeat:no-repeat;
}
.searchButton:hover
{
    background-position: 0 -19px;
}

.searchButton:focus
{
    overflow: hidden;
}

.advancedsearch
{
    float: left;
}

.removeButton
{
    background-image: url(Images/Bttn_X.jpg);
    display: inline-block;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
}

/* Currency Conversion*/
.currencyconversion
{
     width:200px;
    float: right;
 
}



/* Left Navigation Styles------------------------------*/
/* See CategoryMenu.css for the remaining navigation control styles */

.navcontainer
{
    float: left;
    width: 160px;
    margin-right: 12px;
    height: 100%;
}

/* Form and Input Field Styles------------------------------*/
.prodselector
{
    width: 140px;
    height: 19px;
    font-size: 0.8em;
    margin-right: 6px;
     margin-bottom:5px;
}
.searchfieldcat
{
    width: 140px;
    height: 19px;
    font-size: 0.8em;
    margin-right: 6px;
}
.searchfield
{
    width: 100px;
    height: 19px;
    font-size: 0.8em;
    margin-right: 6px;
        z-index: 1000;
}
.brandsearchfield
{
    width: 100px;
    height: 19px;
    font-size: 0.8em;
    margin-right: 6px;
}
.keywordfield
{
    width: 140px;
    padding: 2px 3px 2px 3px;
    font-size: 0.8em;
      
}
.keywordfieldbar
{
      font-size:10px;
    width: 140px;
     height:15px;

      
}
.emailsignup
{
    width: 120px;
    padding: 2px;
    font-size: 0.8em;
    color: #999999;
}
.emailsignupwatermark
{
 
    width: 120px;
    padding: 2px;
    font-size: 0.8em;
    color: #999999;
}
.inputQty
{
    font-size: 1.0em;
    color: #000000;
    width: 30px;
    height: 18px;
    padding: 0;
    margin: 0;
}

.input70
{
    width: 70px;
    font-size: 1.0em;
    height: 19px;
    border: solid 1px #BEBEBE;
}

.input120
{
    width: 120px;
    font-size: 1.0em;
    height: 19px;
    border: solid 1px #BEBEBE;
}

.input150
{
    width: 150px;
    font-size: 1.0em;
    height: 19px;
    border: solid 1px #BEBEBE;
}
.textareanote{font-family:Arial,Helvetica,sans-serif; font-size:1.0em; font-weight:normal;}
.input180
{
    width: 180px;
    font-size: 1.0em;
    height: 19px;
    border: solid 1px #BEBEBE;
}

.input220
{
    width: 220px;
    font-size: 1.0em;
    height: 19px;
    border: solid 1px #BEBEBE;
}

.input250
{
    width: 250px;
    font-size: 1.0em;
    height: 19px;
    border: solid 1px #BEBEBE;
}

.inputnote
{
    width: 380px;
    padding: 5px;
    height: 80px;
    font-size: 11px;
}

.inputgiftnote
{
    width: 230px;
    padding: 5px;
    height: 80px;
    font-size: 11px;
}

/* --------Banner Graphics Styles----------------------------*/

.bannerlarge
{
    float: left;
    width: 470px;
    height: 390px;
    margin: 0px 10px 10px 0px;
}

ul.rotatingbanner
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.bannersmall1
{
    float: left;
    width: 230px;
    height: 190px;
    margin-bottom: 10px;
}

.bannersmall2
{
    float: left;
    width: 230px;
    height: 190px;
}

.bannersmall3
{
    float: left;
    width: 230px;
    height: 190px;
}

.bannersmall4
{
    float: left;
    width: 230px;
    height: 190px;
    margin-right: 10px;
}

.bannersmall5
{
    float: left;
    width: 230px;
    height: 190px;
    margin-right: 10px;
}

/* --------Sub Footer Styles----------------------------*/

.subfooterwrapper
{
    width: 866px;
    height: 90px;
    padding: 18px 18px 8px 18px;
    margin-top: 20px;
    background-color: #EFEFEF;
}

.subfooterboxes
{
    font-size: 1.0em;
    color: #666;
}

.unsubscribe
{
    font-size: 0.8em;
    color: #666 !important;
    text-decoration: underline !important;
}

.forgottenpasswordbuttonrequest
{
    width: 73px;
    height: 25px;
    background-image: url(Images/Bttn_Submit.jpg);
          background-repeat:no-repeat;
    display: block;
    text-indent: -2000px;
}

/* --------Footer Styles----------------------------*/

.footerwrapper
{
    width: 862px;
  /*  height: 94px; */
    padding: 16px 20px 10px 16px;
}

.list
{
    float: left;
}

.list ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
}

.list li
{
    list-style: none;
    line-height: 19px;
    text-indent: 11px;
    background: url(images/bullet_arrow.gif) 0px 0.6em no-repeat;
    padding-right: 58px;
    margin: 0px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
}

.securityfooter
{
    width: 902px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 10px;
}

/* --------Category Landing Homepages----------------------------*/

.categoryheader
{
    float: left;
    width: 710px;
    height: 60px;
    margin-bottom: 10px;
}

.categorybanner
{
    float: left;
    /*height: 200px;*/
    width: 700px;
    margin-bottom: 20px;
}

.catbrowsingItem
{    
    margin-right: 23px;
    margin-bottom: 23px;
    height: 220px;
    float: left;
    width: 160px;
}

.catbrowsingItemImage
{
    margin-bottom: 5px;
    overflow: hidden;
}

.categoryBrowsingImage
{
    height: 160px;
    width: 160px;
}

.catbrowsingname
{
    text-align: center;    
    padding-bottom:5px;
     font-weight:normal;
}

.viewproducts
{
    text-align: center;    
    color: #FF3366;
}
a.viewproductslink{color: #CC0000; font-weight:normal;}
a.viewproductslink:hover {color: #CC0000; font-weight:bold;}
/* --------Paging Styles----------------------------*/
.pagingcontainer
{
   
    height: 20px;
    padding: 7px 5px 3px 5px;
    background-color: #E0E0E0;
}

.paging
{
    color: #000;
    font-size: 11px;
}

.paging ul li
{
    display: inline;
    text-align: left;
    color: #666666;
}

.paging a
{
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
.paging a:visited
{
    color: #000;
    font-weight: normal;
}

.paging a:hover
{
    color: #F36;
    font-weight: normal;
}

.paging a:active
{
    color: #F36;
    font-weight: bold;
}

.pageLinkselected { font-weight:bold;}
.pageLinkselected a
{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.pageLinkselected a:visited
{
    color: #000;
    font-weight: bold;
}

.pageLinkselected a:hover
{
    color: #F36;
    font-weight: bold;
}

.pageLinkselected a:active
{
    color: #F36;
    font-weight: bold;
}
.currPage { font-weight:bold;}
/* --------Product Listing & Comparison Tool------------------*/
.productFamilyOldPrice{ color: #000000;}
.productFamilyOldPriceValue{ color: #000000;}
.productFamilyPricePromo{ color: #CC0000;}
.productFamilyPriceValuePromo{ color: #CC0000;}
.promotionDescription{color: #CC0000;}
.pricetable
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.productFamilyRetailPrice { font-weight:normal;color:#666666;}
.productFamilyRetailPriceValue { font-weight:normal;color:#666666;}
.productFamilyPrfPrice { font-weight:normal; text-decoration:underline; color:#666666;}
.productFamilyPrfPriceValue{ font-weight:normal;color:#666666;}
.listingcontainer
{
    float: left;
    width: 540px;
}

.listingcontainerV2
{
    float: left;
    width: 100%;
}

.comparisoncontainer
{
    float: right;
    width: 160px;
    margin-left: 8px;
    border: solid 1px #E2E2E2;
    vertical-align: top;
}

.comparisongrey
{
    padding: 8px;
    background-color: #ECECEC;
    line-height: 15px;
    font-size: 1.0em;
}

.comparisonfooter
{
    height: 20px;
    padding: 2px 10px 0px 10px;
    background-image: url(images/Slice_ComparisonFooter.jpg);
    background-repeat: repeat-x;
}

.comparisoncontent
{
    padding: 5px 5px 5px 8px;
}
.listingRow
{
    padding: 20px 0px 20px 0px;    
    border-bottom: dashed 1px #CCCCCC;  
    vertical-align:top; 
}


/* --------Promotional Styles------------------*/
.fontstrikethrough
{
    text-decoration: line-through;
}

.promotiondescrip
{
    font-size: 1.0em;
    color: #CC0000;
}

/* --------Product Detail Screen Styles------------------*/

.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;}

.selectormessage{    color: #CC0000;  font-size: 1.0em;}
.productdetailheader
{
    height: 40px;
    width: 710px;
    background-image: url(images/Slice_ProducDetailHeader.jpg);
    background-repeat: repeat-x;
    vertical-align:bottom;
    display: inline-block;
    margin-bottom: -3px;
}

.productdetailimage
{
    float: left;
    width: 356px;
    margin-right: 10px;
    margin-bottom: 15px;
}

.subimagecontainer
{
    float: left;
    height: 112px;
    margin-top: 10px;
}

.subimageborder
{
    float: left;
   
    width: 110px;
    height: 110px;
    margin-right: 5px;
    
}
.subimageborder tbody td
{
      margin-right: 5px;
          border: solid 1px #CCC;
      padding-right:5px;
}
.imagesDataList
{
    margin: 5px 0px;
}

.imagesDataList td
{
    padding: 5px 0px;
    float: left;
    padding-left: 5px;
    width: 110px;
}
.tileImage{border: solid 1px #CCC; border-width:1px;}


.productdetails
{
    float: right;
    width: 344px;
}

.personaliseboxtop
{
    width: 260px;
    height: 7px;
    background-image: url(images/Graphic_PersonaliseBox_Top.gif);
    background-repeat: no-repeat;
}

.personaliseboxbottom
{
    width: 260px;
    height: 7px;
    background-image: url(images/Graphic_PersonaliseBox_Bottom.gif);
    background-repeat: no-repeat;
}

.personaliseboxmiddle
{
    width: 240px;
    background-color: #F0F0F0;
    border-left: solid 1px #DFDFDF;
    border-right: solid 1px #DFDFDF;
    padding: 2px 10px 0px 10px;
}

.referentialheader
{
    height: 50px;
    width: 710px;
    background-image: url(images/Slice_ReferentialHeader.jpg);
    background-repeat: repeat-x;
    margin-top: 30px;
}

.textdeactive
{
    color: #B6B6B6;
}

.specificationsheader
{
    width: 710px;
    height: 30px;
    border-bottom: solid 8px #E2E2E2;
    margin-top: 10px;
    text-align: left;
}
/* TODO: Fix images for rollover backgroundpos shift, set width + height */
.enlargeImage
{
    width: 101px;
    height: 27px;
    display: block;
    background-image: url(Images/Bttn_EnlargeImage.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
}

.enlargeImage:hover
{
    background-position: 0 0px;
}

.enlargeImage:focus
{
    overflow: hidden;
}

ol
{
	list-style:decimal;
	position:relative;
	list-style-position:inside;
}


.viewSimilar
{
    width: 129px;
    height: 27px;
    display: block;
    background-image: url(Images/Bttn_ViewSimilarProducts.jpg);
    text-indent: -2000px;
}

.viewSimilar:hover
{
    background-position: 0 -27px;
}

.viewSimilar:focus
{
    overflow: hidden;
}


.tellAFriend
{
    width: 103px;
    height: 27px;
    display: block;
    background-image: url(Images/Bttn_EmailToAFriend.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
}

.tellAFriend:hover
{
    background-position: 0 0px;
}


.tellAFriend:focus
{
    overflow: hidden;
}
.tellAFriendCompare
{
    background-image: url(Images/Bttn_EmailFriend_small.gif);
          background-repeat:no-repeat;
    display:block;
    width:108px;
    height:17px;
    text-indent: -2000px;
}
tellAFriendCompare:focus
{
    outline:none;
}
.returnToPrevious
{
    width: 142px;
    height: 27px;
    display: block;
    background-image: url(Images/Bttn_ReturntoPrevPage.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
}

.returnToPrevious:hover
{
    background-position: 0 0px;
}

.returnToPrevious:focus
{
    overflow: hidden;
}
.returnTextLink {  padding-bottom:10px; padding-right:5px;}
.returnHomeBttn
{
    width: 164px;
    height: 25px;
    display: block;
    background-image: url(Images/Bttn_ReturnToHomepage.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
}
.personalise
{
    display: inline-block;
    vertical-align: top;
       width :120px;
}
.personaliseButton
{
    width: 120px;
    height: 25px;
    display: block;
    background-image: url(Images/Bttn_Personalise.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
    margin-top: 5px;
}

.personaliseButton:hover
{
    background-position: 0 0px;
}

.personaliseButton:focus
{
    overflow: hidden;
}

a.sizeguidelink{color: #FF3366; }
a.sizeguidelink:hover {color: #FF3366; font-weight:bold;}
/* ----------- Product Comparison-------- */

.comparisontitle
{
    width: 882px;
    padding: 5px 0px 15px 0px;
}

.cmptable tbody td
{
    background-color: #FFFFFF;
    border: solid 1px #DCDCDC ;
    padding: 0px 10px 0px 10px;
    vertical-align: top;
   
    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;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    vertical-align: middle;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.cmptable tbody tr.even td
{
      height: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
    background-color: #ffffff;
}

.cmptable tbody tr.odd td
{
     height: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
    background-color: #F3F3F3;
}

.cmptable tbody tr.title td
{
  
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
    background-image: url(images/Slice_ComparisonTitle.gif);
    background-repeat: repeat-x;
    font-size: 1.1em;
    color: #666666;
    font-weight: bold;
}

.cmptable tbody td.cmpcolspacer
{
    height: 50px;
    background-color: #FFFFFF;
    border: solid 0px #ffffff;
    padding: 0px 10px 0px 10px;
    vertical-align: top;
}

.cmpcolspacer
{
    background-color: #FFFFFF;
    border: solid 0px #ffffff;
}
/*************************Hover Popup for attributes and promotion descriptions********************************/

.dropShadowPanel
{
    width: 200px;
    background: #CC0000;
    color: white;
    font-weight: bold;
}

.infopopup
{
}

.infopopup_window
{
    vertical-align: middle;
    padding-top: 5px;
    text-align: center;
    padding-left: 5px;
    background: #CC0000;
    color: #FFF;
    line-height: 1.3em;
}

/************************************************************************/

/* ----------- Shopping Basket Styles-------- */

.basketpagetitle
{
    width: 690px;
    height: 20px;
    padding: 6px 10px 4px 10px;
    font-size: 1.3em;
    color: #FFF;
    font-weight: bold;
    background-image: url(images/Slice_BasketTitle.jpg);
    background-repeat: repeat-x;
}

.basketheader
{
    width: auto;
    height: 35px;
    background-image: url(images/Slice_BasketHeader.jpg);
    background-repeat: repeat-x;
    font-size: 1.0em;
    color: #FFF;
    font-weight: bold;
}

.basketitem
{
    height: 40px;
 
    border-bottom: solid 1px #FFF;
    padding-right:0px;
    margin-right:0px;
   
}
.product
{
  
    background-color: #EEEEEE;

}
.baskettable
{
	width:880px;
}

.basketcheckoutconfirmation
{
	width:630px;
}

.basketaddon
{
    height: 40px;
    background-color: #F8E9ED;
    border-bottom: solid 1px #FFF;
}
.addon
{
    height: 40px;
    background-color: #F8E9ED;
    border-bottom: solid 1px #FFF;
}
.underlinebold
{
    font-size: 1.0em;
    font-weight: bold;
    text-decoration: underline;
}

.basketfooter
{
    width: 692px;
    height: 35px;
    background-image: url(images/Slice_BasketFooter.gif);
    background-repeat: repeat-x;
    padding: 8px 8px 10px 10px;
    margin-bottom: 10px;
}


/* ----------Checkout Styles------------------*/
.required{color: #CC0000;}
.vouchertext{color:#CC0000;
font-size:1em;
font-weight:bold;}
.userinterests input{ padding-right:10px; margin-right:10px;}
.checkoutnav
{
    height: 36px;
    width: 880px;
    background-image: url(images/Slice_NavCheckout.jpg);
    background-repeat: repeat-x;
    margin-bottom: 20px;
}

.checkoutfooter
{
    width: 880px;
    padding: 10px 0px 10px 0px;
    text-align: center;
  
}
.checkoutfooter_conf
{
    width: 600px;
    padding: 20px 0px 10px 0px;
    text-align: center;
  
}
.checkoutfooter_conf_verisign
{
        width: 600px;
    padding: 10px 0px 10px 0px;
    text-align: center;
}
.checkoutbckgd
{
    background-color: #EFEFEF;
    padding: 12px 20px 20px 20px;
}

.checkouttitle
{
   width: 390px;
    background-image: url(images/Slice_CheckoutSubHeader.jpg);
    background-repeat: repeat-x;
    padding: 11px 10px 11px 10px;
    font-size: 1.3em;
    color: #FFF;
}

.checkouttable td
{
    padding: 5px 10px 5px 0px;
    width: 100% auto;
    vertical-align: middle;
}

.checkouttable input, select
{
    height: 19px;
    width: 150px;
    font-size: 1.0em;
    border: solid 1px #BEBEBE;
}
.checkouttable textarea
{

    font-size: 1.0em;
    border: solid 1px #BEBEBE;
}
.dashedfooter
{
    width: 880px;
    padding-top: 8px;
    margin-top: 10px;
    border-top: dashed 1px #CCC;
}

.summaryheader
{
    
    height: 35px;
    background-color: #C7C7C7;
    font-size: 1.0em;
    color: #000;
    font-weight: bold;
}



.continueshoppingbutton
{
    width: 154px;
    height: 25px;
    background-image: url(images/Bttn_ContinueShopping.jpg);
          background-repeat:no-repeat;
    display: block;
    text-indent: -2000px;
}

.viewdeliverychargesbutton
{
    width: 160px;
    height: 14px;
    background-image: url(images/Bttn_ViewDeliveryCharges.gif);
          background-repeat:no-repeat;
    display: block;
    text-indent: -2000px;
}

.returnpreviouspagecheckout
{
    width: 145px;
    height: 10px;
    background-image: url(images/Bttn_ReturnToPrevPage.gif);
    display: block;
        background-repeat: no-repeat;
    text-indent: -2000px;
}

.checkoutcontinuebutton
{
    width: 96px;
    height: 25px;
    background-image: url(images/Bttn_Continue.jpg);
          background-repeat:no-repeat;
    display: block;
    text-indent: -2000px;
    float: right;
}

.proceedtocheckoutbutton
{
    width: 165px;
    height: 25px;
    background-image: url(images/Bttn_ProceedToCheckout.jpg);
          background-repeat:no-repeat;
    display: block;
    text-indent: -2000px;
}

.commitpaymentbutton
{
    width: 127px;
    height: 25px;
    background-image: url(images/Bttn_CommitPayment.jpg);
          background-repeat:no-repeat;
    display: block;
    text-indent: -2000px;
    float: right;
}

.calcPriceBttn
{
    width:120px;
    height:25px;
    background-image: url(Images/Bttn_CalculatePrice.jpg);
          background-repeat:no-repeat;
    display:block;
}

.addgiftcardbutton
{
    width: 106px;
    height: 20px;
    background-image: url(images/Bttn_AddGiftCard.jpg);
          background-repeat:no-repeat;
    display: block;
    text-indent: -2000px;
}
.cancelCheckoutButton
{
	width: 156px;
    height: 36px;
    display: block;
    background-image: url(Images/NavCheckout_Cancel_On.jpg);
    background-position: 0 -36px;
}

.cancelCheckoutButton:hover
{
	width: 156px;
    height: 36px;
    display: block;
    background-image: url(Images/NavCheckout_Cancel_On.jpg);
    background-position: 0 -36px;
}

.cancelCheckoutButton:focus
{
    overflow: hidden;
}

.securityImage
{
    float: right;
}

/* --------BUY4NOW Confirmation Page Styles------------------*/

.confirmationwrapper
{
    width: 630px;
    background-color: #FFF;
}
.checkoutbackground{ background-color:White; background-image:none;}
.orderaccepted
{
    height: 25px;
    width: 608px;
    background-image: url(images/Slice_OrderAccepted.jpg);
    background-repeat: repeat-x;
    border: solid 1px #999;
    padding: 8px 10px 5px 10px;
    font-size: 1.4em;
    color: #FFF;
}

.orderref
{
    width: 610px;
    height: 20px;
    background-color: #ECECEC;
    padding: 10px 10px 10px 10px;
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 20px;
}

.buy4nowfooter
{
    width: 630px;
    height: 40px;
    padding: 15px 0px 0px 0px;
    background-color: #FFF;
}

/* --------Order Tracking Stles------------------*/

.tableheader
{
    height: 35px;
    background-image: url(images/Slice_OrderTrackingHeader.gif);
    background-repeat: repeat-x;
    font-weight: bold;
}

.greyrow
{
    background-color: #F1F1F1;
}

/* --------CSS STYLES FOR POP UP------------------*/

#popupcontainer
{
    width: 500px;
    border: solid 1px #FFF;
    background-color: #FFF;
    z-index: 10;
}

.popupheader
{
    height: 85px;
    background-image: url(images/Slice_PopupHeader.jpg);
    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_Close.gif);
          background-repeat:no-repeat;
    width: 68px;
    height: 28px;
}

.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;
}

.poptableheader
{
    height: 35px;
    background-image: url(images/Slice_SizeGuide.jpg);
    background-repeat: repeat-x;
    font-size: 1.0em;
    font-weight: bold;
    color: #FFF;
}

.greyrow
{
    height: 30px;
    background: #F1F1F1;
    border-bottom: Solid 1px #FFF;
}

/* --------GIFT CARD STYLES------------------*/

.greybackground
{
    background-color: #F1F1F1;
    padding: 10px 10px 20px 10px;
}

/* --------Buying Guide Styles------------------*/

.plainlist ul
{
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
}

.plainlist li
{
    list-style: none;
    line-height: 19px;
    padding-right: 30px;
    margin: 0px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
}

.leftcontent
{
    float: left;
    width: 420px;
    padding-right: 10px;
}

.rightimage
{
    float: right;
    width: 280px;
}

.smallarrow ul
{
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
}

.smallarrow li
{
    list-style: none;
    line-height: 19px;
    text-indent: 11px;
    background: url(images/Bullet_ArrowSmall.gif)0px 0.6em no-repeat;
    margin: 0px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
}


/* --------Help & FAQ Styles------------------*/

.helpcontent
{
    background-color: #ECECEC;
    padding: 10px;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    margin: 5px 0px 5px 0px;
}

.largearrow ul
{
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
}

.largearrow li
{
    list-style: none;
    line-height: 19px;
    text-indent: 11px;
    background: url(images/Bullet_ArrowLarge.gif) 0px 0.6em no-repeat;
    padding-right: 58px;
    margin: 0px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
}

/* --------Job Styles------------------*/

.joblinks
{
    float: left;
    width: 285px;
    padding-right: 10px;
}

.jobimage
{
    float: right;
    width: 415px;
}

/* --------Store Locator Styles------------------*/

.contentleft
{
    float: left;
    width: 230px;
	padding-left: 4px;
}

.contentmain
{  
	/** float: left; **/
    padding-right: 10px;
}

.contentright
{
    float: right;
    width: 468px;
    border: solid 1px #CCC;
}


/* --------Misc Styles-------------------------*/

.autocomplete_highlightedListItem
{
    background-color: #FFFFFF;
    color: #333333;
    display: block;
    border: 1px solid #111111;
    border-top: none;
}

.autocomplete_listItem
{
    background-color: #EBEBEB;
    color: #333333;
    display: block;
    border: 1px solid #111111;
    border-top: none;
}

.emailSignUpButton
{
    width: 52px;
    height: 19px;
    display: block;
    background-image: url(Images/Bttn_SignUp.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
    cursor: pointer;
}

.emailSignUpButton:hover
{
    background-position: 0 0px;
}

.emailSignUpButton:focus
{
    overflow: hidden;
}

.error
{
    color: #CC0000;
}
.ErrorMessage   {color: #CC0000;}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    width: 100% !important;
    height: 100% !important;
}

.centerImage
{
    margin: auto auto;
    text-align:center;
}


/*----------BUTTONS-------------*/

.backBttn
{
    width: 72px;
    height: 25px;
    display: block;
    background-image: url(Images/Bttn_Back.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
}

.backBttn:focus
{
    outline: none;
}

.addToBasket
{
    width: 98px;
    height: 25px;
    display: block;
    background-image: url(Images/Bttn_AddToBasket_Lg.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
}

.addToBasket:focus
{
    outline: none;
}
.addToBasketDisabled
{
    width: 98px;
    height: 25px;
    display: block;
    background-image: url(Images/Bttn_AddToBasket_Lg_Off.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
}

.addToBasketDisabled:focus
{
    outline: none;
}
.editButton
{
    width:40px;
    height:25px;
    display:block;
    background-image:url(Images/Bttn_Edit.jpg);
          background-repeat:no-repeat;
}

.addToBasket_sm
{
    width: 109px;
    height: 20px;
    display: block;
    background-image: url(Images/Bttn_AddToBasket_sm.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
}

.addToBasket_sm:focus
{
    outline: none;
}

.moreInfoBttn
{
    width: 86px;
    height: 20px;
    display: block;
    background-image: url(Images/Bttn_MoreInfo.jpg);
          background-repeat:no-repeat;
}

.plusButton
{
    width: 10px;
    height: 10px;
    background-image: url(Images/Bttn_Plus.jpg);
    display: block;
     background-repeat: no-repeat;
}

.minusButton
{
    width: 10px;
    height: 10px;
    background-image: url(Images/Bttn_Minus.jpg);
    display: block;
     background-repeat: no-repeat;
}

.advSearch
{
    background-image: url(Images/Bttn_Search.jpg);
    width: 77px;
    height: 25px;
    display: block;
          background-repeat:no-repeat;
}

.goFindBttn
{
    background-image: url(Images/Bttn_GoFind.jpg);
          background-repeat:no-repeat;
    width: 74px;
    height: 20px;
    display: block;
}

.unsubscribeButton
{
    background-image: url(Images/Bttn_Unsubscribe.jpg);
          background-repeat:no-repeat;
    width: 112px;
    height: 25px;
    display: block;
}

.viewProductsBttn
{
    background-image: url(Images/Bttn_ViewProducts.jpg);
          background-repeat:no-repeat;
    width: 125px;
    height: 25px;
    display: block;
}

.viewOrdersBttn
{
    background-image: url(Images/Bttn_ViewAllOrders.jpg);
          background-repeat:no-repeat;
    width: 130px;
    height: 25px;
    display: block;
}

.findStore
{
    background-image: url(Images/Bttn_FindStore.jpg);
          background-repeat:no-repeat;
    width: 97px;
    height: 25px;
    display: block;
}

.storeAvailability
{
    background-image: url(Images/Bttn_CheckStoreAvailability.gif);
          background-repeat:no-repeat;
    width: 165px;
    height: 19px;
    display: block;
}

.submitReview
{
    background-image: url(Images/Bttn_Submit.jpg);
          background-repeat:no-repeat;
    width: 73px;
    height: 25px;
    display: block !important;
}

.refTab
{
    background-image: url(Images/Bttn_CustomersWhoBoughtThis.png);
          background-repeat:no-repeat;
    width: 233px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}

.refTab:Focus
{
    outline: none;
}

.refTab:Hover
{
    background-position: 0 -31px;
}

.refTabOn
{
    background-image: url(Images/Bttn_CustomersWhoBoughtThis_On.jpg);
          background-repeat:no-repeat;
    width: 233px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}

.refTabOn:Focus
{
    outline: none;
}

.prodTab
{
    background-image: url(Images/Bttn_ProductDetails.png);
          background-repeat:no-repeat;
    width: 115px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}

.prodTab:Focus
{
    outline: none;
}

.prodTab:Hover
{
    background-position: 0 -31px;
}

.prodTabOn
{
    background-image: url(Images/Bttn_ProductDetails_On.jpg);
          background-repeat:no-repeat;
    width: 115px;
    height: 31px;
    text-indent: -2000px;
    display: block !important;
    float: left;
}

.prodTabOn:focus
{
    outline: none;
}

.manageGiftCard
{
    background-image: url(Images/Bttn_ManageMyGiftCard.jpg);
          background-repeat:no-repeat;
    width: 157px;
    height: 25px;
    text-indent: -2000px;
    display: block;
}

.proceedcheckoutbutton
{    	
	width: 96px;
    height: 25px;
    display: block;
    background-image: url(Images/bttn_Continue.jpg);
          background-repeat:no-repeat;
    text-indent: -2000px;
}

.comparisontoolremovebutton
{
    width: 11px;
    height: 11px;
    display: block;
    background-image: url(Images/Bttn_X.gif);
          background-repeat:no-repeat;
    text-indent: -2000px;
    background-position: right;
}

.proceedcheckoutbutton:focus
{
    outline: none;
}

.textcounter
{
    width: 50px;
}

.jerseyText
{
    color:White;
    font-size:1.5em;    
}
.jerseyNumber
{
    color:White;
    font-size:5em;
}
.numberPosition
{
    position:absolute; 
    top:190px;
    left:346px; 
    text-align:center;
    /* Hack for IE6 + IE7*/
    #left:155px;
}
.textPosition
{    
	position: absolute;
    top: 160px;
    left: 346px;
    text-align:center;
    /* Hack for IE6 + IE7*/
    #left: 155px;
}

.ajax__validatorcallout td
{
    padding-left:0px !important;
    padding-right:0px !important;
}

.inputHidden
{
    display:none;
}

.currencyEuro,.currencySterling,.currencyDollar,
.currencyEuroChecked,.currencySterlingChecked,.currencyDollarChecked
{    
    display:block;
    height:20px;
    width:26px;
    float:left;
    margin-right: 3px; 
}
.currencyEuro { background:transparent url(Images/Bttn_Euro.gif) no-repeat scroll; }
.currencySterling { background:transparent url(Images/Bttn_Sterling.gif) no-repeat scroll; }
.currencyDollar { background:transparent url(Images/Bttn_Dollar.gif) no-repeat scroll; }
.currencyEuroChecked { background:transparent url(Images/Bttn_Euro.gif) no-repeat scroll 0 -20px; }
.currencySterlingChecked { background:transparent url(Images/Bttn_Sterling.gif) no-repeat scroll 0 -20px; }
.currencyDollarChecked { background:transparent url(Images/Bttn_Dollar.gif) no-repeat scroll 0 -20px; }
.currencyEuro:hover, .currencySterling:hover, .currencyDollar:hover
{
    background-position: 0 -20px;
}



/* 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;
}

.serviceplanDropdown
{
    width: 220px;
}

.help_submenu ul B { font-weight:normal;font-family:"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
                       font-size:11px; font-weight:bold;}
                       


a.removePersonalisation
{
    text-decoration: underline;
    color: #FF3366;    
    padding-left:5px;
    line-height: 25px;
} 

.bullet 
{
    list-style: none;
    margin: 0px;
    padding: 0px;
      text-indent: 11px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
 
}
ul.bullet  li
{
   list-style: none;
    margin: 0px;
    padding: 0px;
      text-indent: 11px;
        font: Arial, Helvetica, sans-serif;
    color: #000;
     background: url(images/custom_bullet.gif) 0px  no-repeat ;
 
}

.detailref{ border-right: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2;}


a.prflink{color:#666666;font-weight:normal;text-decoration:underline;}
a.prflink:active{color:#666666;font-weight:normal;text-decoration:underline;}
a.prflink:visited{color:#666666;font-weight:normal;text-decoration:underline;}
a.prflink:visited{color:#666666;font-weight:normal;text-decoration:underline;}




.list  li.phoneMenuLink
{

  list-style: none;
    line-height: 19px;
    text-indent: 17px;
    background: url(images/Icon_Telephone.jpg) no-repeat;
    padding-right: 58px;
    margin: 0px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
}

.emailtable select.ccCheck
{
   width:20px
}
.emailtable td
{
    padding: 5px 10px 5px 0px;
    width: 100% auto;
    vertical-align: middle;
}

.inputemailfriend
{
    height: 19px;
    width: 150px;
    font-size: 1.0em;
    border: solid 1px #BEBEBE;
      font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
.emailtable select
{
    height: 19px;
    width: 20px;
    font-size: 1.0em;
    border: solid 1px #BEBEBE;
}
.emailtable textarea
{

    font-size: 1.0em;
    border: solid 1px #BEBEBE;
}
.ccCheck
{
       height: 19px;
    width: 20px;
    font-size: 1.0em;

}
.thumbnail
{
    float:left;
    width:100px;    
    padding-right:10px;
}
.radiobuttons2 label,.radiobuttons2 input
{
    vertical-align:middle;
    padding: 2px 2px;
}
.radiobuttons2 td
{
    display:block;
    height:18px;
}