/* BODY BACKGROUND COLOURS */
body{font-family: Arial, Verdana, Helvetica, sans-serif; background: #2e3032; background-image: url(../images/inner-background.gif); background-repeat: repeat-x;}
body#bdyHome{background: #000; background-image: none;}

a{text-decoration: none;}
.hide{display: none;}
.clear{clear: both;}

/* CONTAINER FOR WHOLE SITE */
#divContainer
{
    width: 960px;
    margin: 0 auto 0 auto;
}    

.divNotIE8
{
    width: 938px;
    margin: 20px auto 0 auto;
    background-color: #39393c;
    padding: 10px;
    border: solid 1px #a5a5a5;
}
.divNotIE8 p{line-height: 24px; color: #a5a5a5;}
.divNotIE8 p a{color: #FF9D0F; line-height: 24px;}
.divNotIE8 p a:hover{padding: 0 0 1px 0; border-bottom: solid 1px #FF9D0F;}

/* HEADER STYLES */
#divHeader{padding: 20px 0 0 0;}
#divHeader h1{background-image: url(../images/hull-city-badge.png); background-repeat: no-repeat; width: 95px; height: 89px; float: left;}
#divHeader h1 a{display: block; width: 81px; height: 89px; text-indent: -99999px;}
#divHeaderContent{float: right;}
#divHeaderSearch{float: right; line-height: 22px; margin: 0 0 38px 0; background: url(../images/search.png) top left no-repeat; width: 270px;}
#divHeaderSearch input{float: left; font-size: 9pt; width: 195px; color: #5a5a5a; border: none; margin: 2px 0 0 20px; padding-left:5px; background: none;}
#divHeaderSearch a{float: left; font-size: 9pt; color: #fff; text-align: center; display: block; height: 22px; width: 32px; padding-left: 8px;}
#divHeaderSearch a:hover{color: #FF9D0F;}
#divHeaderSearch a:focus, a:active{color: #FF9D0F;}
#divHeaderCategories{clear: both; text-align: right; float: right; z-index:999; position: relative;}
#divHeaderCategories{clear: both; text-align: right;  float: right; z-index:999; position: relative;}
#divHeader .clsMenuBasket{color: #FF9D0F;}

/* BODY CONTENT */
#divBodyContent{width: 960px; margin: 25px 0 12px 0; float: left;}

/* FOOTER SLUGS */
#ulFooterSlugs{float: left; display: inline; list-style: none; height: 215px;}
#ulFooterSlugs li{float: left; display: inline; list-style: none; height: 215px; margin: 0 12px 0 0;}
#ulFooterSlugs li.clsLiLastSlug{margin: 0;}

/* FOOTER */
#divFooter{float: left; width: 960px; height: 287px; background-image: url(../images/footer-back.png); background-repeat: no-repeat; margin: 12px 0 10px 0;}
#divFooter h2{color: #fff; margin: 20px 0 0 15px; font-weight: bold; font-size: 12pt;}
#divFooter h2 span{color: #ff9d0f;}
.ulSiteMap{float: left; display: block; list-style: none; margin: 10px 0 0 15px;}
.ulSiteMap li h3{font-size: 9pt; color: #fff; margin: 0 0 10px 0; font-weight: normal;}
.ulSiteMap li ul{margin: 0 0 10px 0;}
.ulSiteMap li ul li h4{font-size: 9pt; color: #fff; font-weight: normal; line-height: 12pt;}
.ulSiteMap li a{color: #a5a5a5; font-size: 9pt;}
.ulSiteMap li a:hover{color: #ff9d0f;}
.ulSiteMap li a:focus, a:active{color: #ff9d0f;}
.ulSiteMap li h3 a{color: #fff;}

.ulFooterDetails{float: left; display: block; list-style: none; margin: 20px 0 0 35px;}
.ulFooterDetails li h3{color: #fff; margin: 0 0 10px 0; font-weight: bold; font-size: 12pt;}
.ulFooterDetails li ul{margin: 0 0 10px 0; font-size: 9pt; line-height: 12pt; color: #a5a5a5;}
.ulFooterDetails li a{color: #a5a5a5;}
.ulFooterDetails li a:hover{color: #ff9d0f;}
.ulFooterDetails li a:focus, a:active{color: #ff9d0f;}
.ulFooterDetails li.clsFooterAddress{} /*NOT USED BY ANYTHING OTHER THAN IE6, PUT HERE FOR COMPLETENESS */
.ulFooterDetails li h3.clsFooterTelephoneNumber{margin: 0; padding: 0 0 0 22px; color: #a5a5a5; background-image: url(../images/telephone-footer.png); background-repeat: no-repeat;}
.ulFooterDetails li h3 span{color: #ff9d0f;}
.ulFooterDetails li a.clsFooterEmail{display: block; margin: 0 0 5px 0; padding: 0 0 0 22px; color: #ff9d0f; background-image: url(../images/email-footer.png); background-repeat: no-repeat; background-position: 0 3px;}
.ulFooterDetails li a.clsFooterEmail:hover{color: #fff;}
.ulFooterDetails li a.clsFooterEmail:focus{color: #fff;}
.ulFooterDetails li a.clsFooterEmail:active{color: #fff;}
#ulValidationLinks{float: left; display: inline; list-style: none; padding: 0 0 20px 0;}
#ulValidationLinks li{display: inline; list-style: none; color: #b3b3b3; font-size: 8pt; padding: 0 0 0 6px; background-image: url(../images/footer-links-divide.png); background-position: 0 3px; background-repeat: no-repeat;}
#ulValidationLinks li a{color: #b3b3b3;}
#ulValidationLinks li a:hover{color: #fff;}
#ulValidationLinks li a:focus, a:active{color: #fff;}
#ulValidationLinks li.clsNoDivideRequired{padding: 0; background: none;}
#ulFooterLinks{float: right; display: inline; list-style: none; padding: 0 0 20px 0;}
#ulFooterLinks li{display: inline; list-style: none; color: #b3b3b3; font-size: 8pt; padding: 0 0 0 6px; background-image: url(../images/footer-links-divide.png); background-position: 0 3px; background-repeat: no-repeat;}
#ulFooterLinks li span{color: #fff;}
#ulFooterLinks li a{color: #b3b3b3;}
#ulFooterLinks li a:hover{color: #fff;}
#ulFooterLinks li a:active, a:focus{color: #fff;}
#ulFooterLinks li.clsNoDivideRequired{padding: 0; background: none;}

/* GRID CSS CLASSES */
/* USED FOR BROWSER AND ERROR PAGES */
.clsGrids1and2{float: left; width: 474px; margin: 0 12px 0 0;}
.clsGrids1and2 h2{color: #ff9d0f; font-size: 22pt; line-height: 22pt; margin: 0 0 5px 0;} 
.clsGrids1and2 h3{color: #a5a5a5; font-size: 15pt; line-height: 18pt; margin: 0 0 15px 0;}
.clsGrids1and2 p{color: #e2e2e2; margin: 0 0 10px 0; font-size: 12pt; line-height: 14pt;}
.clsGrids1and2 a{color: #ff9d0f;}
.clsGrids1and2 a:hover{color: #fff;}
.clsGrids1and2 a:active, a:focus{color: #fff;}
.clsGrids1and2 ul{display: block; margin: 0 0 10px 30px; list-style-type: circle;}

.clsGrids3and4{float: left; width: 474px;}
.clsGrids3and4 h2{color: #ff9d0f; font-size: 22pt; line-height: 22pt; margin: 0 0 5px 0;} 
.clsGrids3and4 h3{color: #a5a5a5; font-size: 15pt; line-height: 18pt; margin: 0 0 15px 0;}
.clsGrids3and4 p{color: #e2e2e2; margin: 0 0 10px 0; font-size: 12pt; line-height: 14pt;}
.clsGrids3and4 a{color: #ff9d0f;}
.clsGrids3and4 a:hover{color: #fff;}
.clsGrids3and4 a:active, a:focus{color: #fff;}
.clsGrids3and4 ul{display: block; margin: 0 0 10px 30px; list-style-type: circle;}

/* USED FOR CONTENT PAGES */
.clsGrids1and2and3{float: left; width: 717px; margin: 0 12px 0 0;}
.clsGrids1and2and3 h2{color: #ff9d0f; font-size: 22pt; line-height: 22pt; margin: 0 0 5px 0;} 
.clsGrids1and2and3 h3{color: #fff; font-size: 15pt; line-height: 18pt; margin: 0 0 15px 0;}
.clsGrids1and2and3 h4{color: #a5a5a5; font-size: 14pt; line-height: 14pt; margin: 0 0 5px 0;}
.clsGrids1and2and3 p{color: #e2e2e2; margin: 0 0 10px 0; font-size: 10pt; line-height: 14pt;}
.clsGrids1and2and3 a{color: #ff9d0f;}
.clsGrids1and2and3 a:hover{color: #fff;}
.clsGrids1and2and3 a:active, a:focus{color: #fff;}
.clsGrids1and2and3 ul{display: block; margin: 0 0 10px 30px; list-style-type: circle; color: #fff; font-size: 10pt; line-height: 12pt;}
.clsGrids1and2and3 #divSizeChart{background-image: url(../images/size-guide-shirt.jpg); background-repeat: no-repeat; padding: 0 0 0 206px;}
.clsGrids1and2and3 table{font-size: 10pt; color: #a5a5a5; margin: 0 0 5px 0;}
.clsGrids1and2and3 table thead td{width: 140px; color: #fff; padding: 0 0 5px 0;}
.clsGrids1and2and3 table td{width: 140px;}

.clsGrids4{float: left; width: 231px; text-align: right;}
.clsGrids4 h2{color: #fff; font-size: 12pt; line-height: 10pt; margin: 0 0 10px 0;} 
.clsGrids4 h2 span{color: #ff9d0f;}
.clsGrids4 p{color: #a5a5a5; margin: 0 0 10px 0; font-size: 10pt; line-height: 12pt;}
.clsGrids4 ul{display: block; margin: 0 0 10px 0; font-size: 10pt; line-height: 12pt;}
.clsGrids4 a{color: #ff9d0f;}
.clsGrids4 a:hover{color: #fff;}
.clsGrids4 a:active, a:focus{color: #fff;}
.clsGrids4 ul li a{color: #a5a5a5;}
.clsGrids4 ul li a:hover{color: #ff9d0f;}
.clsGrids4 ul li a:active, a:focus{color: #ff9d0f;}

/* CITY MAG PAGE */
.clsCITYMagCopy{float: left; width: 353px; margin: 0 30px 0 0;}
.clsCITYMagCopy h2{float: left; color: #fff; font-size: 14pt; line-height: 16pt; margin: 0 0 10px 0;} 
.clsCITYMagCopy h3{float: right; color: #ff9d0f; font-size: 14pt; line-height: 16pt; margin: 0 0 10px 0;} 
.clsCITYMagCopy p{clear: both; color: #a5a5a5; margin: 0 0 10px 0; font-size: 10pt; line-height: 12pt;}
.clsCITYMagCopy a{color: #ff9d0f;}
.clsCITYMagCopy a:hover{color: #fff;}
.clsCITYMagCopy a:active, a:focus{color: #fff;}
.clsCITYMagCopy ul{display: block; margin: 0 0 10px 30px; list-style-type: circle;}
.clsCITYMagCopy a.clsAddToBasket{text-align: center; color: #000; display: block; width: 172px; height: 51px; background-image: url(../images/add-basket-back.png); line-height: 51px;}
.clsCITYMagCopy a.clsAddToBasket:hover{color: #ff9d0f; background-position: 0 -51px;}
.clsCITYMagRichContent{float: left; width: 576px;}
.clsCITYMagRichContent #fbContainer{text-align: right; width: 576px; height: 389px; position: relative; z-index: 1;}
.clsCITYMagRichContent .clsCITYMagRelatedProds{width: 576px; margin: 12px 0 0 0;}
.clsCITYMagRelatedProds h3 {font-size: 15pt; color: #ff9d0f; margin: 0 0 10px 0; font-weight: normal;}
.clsCITYMagRelatedProds li{float: right; display: inline; width: 191px; margin: 0 0 0 1px; padding: 0;}
.clsCITYMagRelatedProds li a{display: block; position: relative; width: 191px; height: 250px; background: url(../images/citymag-related-bg.gif) top left no-repeat;}
.clsCITYMagRelatedProds li a:hover{background-position: bottom left;}
.clsCITYMagRelatedProds li a img{position: absolute; top: 0; left: 0; height: 220px; width: 191px; z-index: 10;}
.clsCITYMagRelatedProds li a h3.clsProductTitle{float: left; color: #fff; margin: 212px 0 0 0; padding: 10px 5px 0 5px; font-size: 10pt; line-height: 12pt; width: 181px; z-index: 11;  position: relative;}
.clsCITYMagRelatedProds li a h4.clsProductPrice{float: left; color: #ff9d0f; margin: 0; padding: 0 5px 5px 5px; font-size: 10pt; line-height: 12pt; width: 181px; z-index: 11;  position: relative;}
.clsCITYMagRelatedProds li a h4.clsProductPrice em.clsProductWasPrice{color: #595959;}
.clsCITYMagCarousel{float: left; margin: 12px 0 0 0; width: 960px;}
.clsCITYMagCarousel h3 {font-size: 15pt; color: #ff9d0f; margin: 0 0 10px 0; font-weight: normal;}
.clsCITYMagCarousel li{float: left; display: inline; width: 191px; margin: 0 1px 0 0; padding: 0;}
.clsCITYMagCarousel li a{display: block; position: relative; width: 191px; height: 250px; background: url(../images/related-bg.png) top left no-repeat;}
.clsCITYMagCarousel li a:hover{background-position: bottom left;}
.clsCITYMagCarousel li a img{position: absolute; top: 0; left: 0; height: 220px; width: 191px; z-index: 10;}
.clsCITYMagCarousel li a h3.clsProductTitle{float: left; color: #fff; margin: 212px 0 0 0; padding: 5px 5px 0 5px; font-size: 10pt; line-height: 12pt; width: 181px; z-index: 11;  position: relative;}
.clsCITYMagCarousel li a h4.clsProductPrice{float: left; color: #ff9d0f; margin: 0; padding: 0 5px 5px 5px; font-size: 10pt; line-height: 12pt; width: 181px; z-index: 11;  position: relative;}
.clsCITYMagCarousel li a h4.clsProductPrice em.clsProductWasPrice{color: #595959;}
.clsCITYMagSubscription {/*background: url(../images/subscribe-bg.gif) top left no-repeat;*/ background-color: #474747; padding: 10px; margin: 10px 0 0 0;}
.clsCITYMagSubscription ul {margin: 0; padding:0;}
.clsCITYMagSubscription ul li {margin: 0; padding:0; color: #fff; font-size: 10pt; list-style:none; line-height: 1.4em;}
.clsCITYMagSubscription dl {margin: 10px 0 0 0; padding: 0;}
.clsCITYMagSubscription dt {margin: 0; padding: 0; color: #fff; float: left; width: 120px;}
.clsCITYMagSubscription dd {margin: 0; padding: 0; float: left; width: 130px;}
.clsCITYMagSubscription .clsAddToBasket {clear:both;}

.clsUpgradeBrowser{float: left; width: 915px; padding: 260px 0 0 45px; min-height: 240px; background-image: url(../images/upgrade-browser.png); background-repeat: no-repeat;}
.clsUpgradeBrowser h2{color: #ff9d0f; font-size: 16pt; line-height: 16pt; margin: 0 0 10px 0;} 
.clsUpgradeBrowser p{color: #e2e2e2; margin: 0 0 10px 0; font-size: 12pt; line-height: 16pt; width: 600px;}
.clsUpgradeBrowser p span{color: #ff9d0f;}
.clsUpgradeBrowser .clsBrowsers{display: inline; list-style: none; float: left;}
.clsUpgradeBrowser .clsBrowsers li{display: inline; list-style: none; float: left; margin: 20px 20px 0 0;}
.clsUpgradeBrowser .clsDownloadIE a{background-image: url(../images/download-ie.png); width: 147px; height: 56px; display: block; text-indent: -99999px;}
.clsUpgradeBrowser .clsDownloadChrome a{background-image: url(../images/download-chrome.png); width: 118px; height: 66px; display: block; text-indent: -99999px;}
.clsUpgradeBrowser .clsDownloadFirefox a{background-image: url(../images/download-firefox.png); width: 128px; height: 56px; display: block; text-indent: -99999px;}
.clsUpgradeBrowser .clsDownloadSafari a{background-image: url(../images/download-safari.png); width: 114px; height: 71px; display: block; text-indent: -99999px;}

.clsUpgradeBrowserIE6{margin: 50px 0 0 0; float: left; width: 915px; padding: 260px 0 0 45px; min-height: 240px; background-image: url(../images/upgrade-browser.png); background-repeat: no-repeat;}
.clsUpgradeBrowserIE6 h2{color: #ff9d0f; font-size: 16pt; line-height: 16pt; margin: 0 0 10px 0;} 
.clsUpgradeBrowserIE6 p{color: #e2e2e2; margin: 0 0 10px 0; font-size: 12pt; line-height: 16pt; width: 600px;}
.clsUpgradeBrowserIE6 p span{color: #ff9d0f;}
.clsUpgradeBrowserIE6 .clsBrowsers{display: inline; list-style: none; float: left;}
.clsUpgradeBrowserIE6 .clsBrowsers li{display: inline; list-style: none; float: left; margin: 20px 20px 0 0;}
.clsUpgradeBrowserIE6 .clsDownloadIE a{background-image: url(../images/download-ie.png); width: 147px; height: 56px; display: block; text-indent: -99999px;}
.clsUpgradeBrowserIE6 .clsDownloadChrome a{background-image: url(../images/download-chrome.png); width: 118px; height: 66px; display: block; text-indent: -99999px;}
.clsUpgradeBrowserIE6 .clsDownloadFirefox a{background-image: url(../images/download-firefox.png); width: 128px; height: 56px; display: block; text-indent: -99999px;}
.clsUpgradeBrowserIE6 .clsDownloadSafari a{background-image: url(../images/download-safari.png); width: 114px; height: 71px; display: block; text-indent: -99999px;}

.clsErrorPage{float: left; width: 710px; min-height: 109px; padding: 440px 0 0 250px; background-image: url(../images/404page.png); background-repeat: no-repeat;}
.clsErrorPage h2{color: #ff9d0f; font-size: 16pt; line-height: 16pt; margin: 0 0 5px 0;} 
.clsErrorPage p{color: #e2e2e2; margin: 0 0 10px 0; font-size: 10pt; line-height: 14pt;}
.clsErrorPage p span{color: #ff9d0f;}
.clsErrorPage a{color: #ff9d0f;}
.clsErrorPage a:hover{color: #fff;}
.clsErrorPage a:active, a:focus{color: #fff;}

/* PRODUCT RESULTS PAGE */
.clsCategoryTitle{float: left;}
.clsCategoryTitle li h2{color: #fff; font-weight: normal; line-height: 14pt;}
.clsCategoryTitle li h2 span.clsViewing{color: #ff9d0f;}
.clsPageNavigation{float: right; display: inline; margin: 0 0 12px 0;}
.clsPageNavigation li{display: inline;}
.clsPageNavigation li.clsNumberOfItems{color: #a5a5a5;}
.clsPageNavigation li.clsPagingControls{margin: 0 20px 0 20px;}
.clsPageNavigation li.clsPagingControls a{color: #fff; font-weight: bold;}
.clsPageNavigation li.clsPagingControls a:hover{color: #ff9d0f;}
.clsPageNavigation li.clsPagingControls a:active, a:focus{color: #ff9d0f;}
.clsPageNavigation li.clsPagingControls .clsPagingDetails{margin: 0 10px 0 10px; color: #ff9d0f;}
.clsPageNavigation li.clsViewAll a{color: #ff9d0f;}
.clsPageNavigation li.clsViewAll a:hover{color: #fff;}
.clsPageNavigation li.clsViewAll a:active, a:focus{color: #fff;}

#lnkNextPageTop, #lnkNextPageBtm {background:url(../images/next-arrow.png) top left no-repeat; padding: 0 5px 0 5px; color:#181a1b; display:inline-block; text-indent:-9999px; cursor: hand;}
#lnkPreviousPageTop, #lnkPreviousPageBtm {background:url(../images/prev-arrow.png) top left no-repeat;  padding: 0 5px 0 5px; color:#181a1b; display:inline-block; text-indent:-9999px; cursor: hand;}
a#lnkNextPageTop:hover, a#lnkNextPageBtm:hover {background-position: 0 -30px;}
a#lnkPreviousPageTop:hover, a#lnkPreviousPageBtm:hover {background-position: 0 -30px;}
#lnkNextPageBtm {background:url(../images/next-arrow.png) top left no-repeat; padding: 0 5px 0 5px; color:#181a1b; display:inline-block; text-indent:-9999px; cursor: hand;}
#lnkPreviousPageBtm {background:url(../images/prev-arrow.png) top left no-repeat;  padding: 0 5px 0 5px; color:#181a1b; display:inline-block; text-indent:-9999px; cursor: hand;}
a#lnkNextPageBtm:hover {background-position: 0 -30px;}
a#lnkPreviousPageBtm:hover {background-position: 0 -30px;}

.clsProductThumbs{float: left; display: inline; width: 960px; margin: 10px 0 20px 0;}
.clsProductThumbs li{float:left; display: inline; width: 191px; margin: 0 1px 0 0; padding: 0; height: 262px;}
.clsProductThumbs li a{display: block; position: relative; background: url(../images/product-thumb-back.png) top left no-repeat; width: 191px; height: 262px; }
.clsProductThumbs li a:hover {background-position: left bottom;}
.clsProductThumbs li a.open {background-position:left bottom !important;}
.clsProductThumbs li a img{position: absolute; top: 0; left: 0; height: 220px; width: 191px; z-index: 10;}
.clsProductThumbs li a h3.clsProductTitle{float: left; color: #fff; margin: 220px 0 0 0; padding: 5px 5px 0 5px; font-size: 10pt; line-height: 12pt; width: 181px; font-weight: normal;  z-index: 11; position: relative;}
.clsProductThumbs li a h4.clsProductPrice{float: left; color: #ff9d0f; margin: 0; padding: 0 5px 5px 5px; font-size: 10pt; line-height: 12pt; width: 181px; font-weight: normal;  z-index: 11;  position: relative;}
.clsProductThumbs li a h4.clsProductPrice em{color: #595959;}
/*.clsProductThumbs li a h4.NowPrice {background: #d80000; color: #fff;}*/

/*
.clsProductThumbs li a:hover h3.clsProductTitle{background-color: #000;}
.clsProductThumbs li a:hover h4.clsProductPrice{background-color: #000;}
.clsProductThumbs li a:hover h4.clsProductPrice span.clsProductWasPrice{color: #2c2c2c;}
*/

/* PRODUCT DETAILS PAGE */
.clsProductDetailNavigation{float: right; display: inline; margin: 0 0 10px 0;}
.clsProductDetailNavigation li{display: inline; color: #a5a5a5; margin: 0 0 0 20px;}
.clsProductDetailNavigation li a{color: #ff9d0f;}
.clsProductDetailNavigation li a:hover{color: #fff;}
.clsProductDetailNavigation li a:active, a:focus{color: #fff;}

#divProductDetailHolder{width: 960px; clear: both;}
#divProductImages{float: left; width: 390px; margin: 20px 0 0 0;}
#divProductImages p{margin: 0 0 10px 0; padding:8px 0 8px 25px;color: #a5a5a5; font-size: 10pt; background: url(../images/zoom-icon.png) center left no-repeat;}
#divAlternateProductImages{margin: 10px 0 12px 0;}
#divAlternateProductImages h4{margin: 0 0 15px 0; color: #a5a5a5; font-size: 10pt; font-weight: normal;}
#divAlternateProductImages ul{display: inline;}
#divAlternateProductImages ul li{display: inline; margin: 0; float: left;}
#divAlternateProductImages ul li a{display: block; width: 130px; height: 150px;}
#divAlternateProductImages ul li a:hover{background-color: #595959;}

#divProductDetails{float: right; width: 540px; margin: 10px 0 0 0;}
#divProductDetails .clsProductDetailsTitle{float: left; display: inline; margin: 0 0 10px 0; width: 350px;}
#divProductDetails .clsProductDetailsTitle li{display: inline;}
#divProductDetails .clsProductDetailsTitle li h2{color: #fff; font-size: 16pt; font-weight: normal; line-height: 18pt;}
#divProductDetails .clsProductDetailsPrice{float: right; display: inline; margin: 0 0 10px 0;}
#divProductDetails .clsProductDetailsPrice li{display: inline; color: #ff9d0f;}
#divProductDetails .clsProductDetailsPrice span.NowPrice {background: #d80000; color: #fff; padding: 5px; font-size: 16pt; font-weight: bold; float: right; }
#divProductDetails .clsProductDetailsPrice li span.clsProductDetailsWasPrice{color: #ff9d0f; font-size: 14pt; float: right; clear: right;}
#divProductDetails #divProductDescription{clear: both; margin: 0 0 10px 0; color: #a5a5a5; line-height: 20px;}
#divProductDetails #divVariationSelect{clear: both; margin: 0 0 10px 0; color: #a5a5a5; clear:none;}
#divProductDetails a.clsAddToBasket{text-align: center; color: #000; display: block; width: 172px; height: 51px; background-image: url(../images/add-basket-back.png); line-height: 51px;}
#divProductDetails a.clsAddToBasket:hover{color: #ff9d0f; background-position: 0 -51px;}
#divProductDetails .clsProductDetailsSelectVariation{color: #fff; font-size: 10pt;}
#divProductDetails dl{margin: 20px 0 20px 0;}
#divProductDetails dl dt{float: left; color: #ff9d0f; width: 100px;}
#divProductDetails dl dd select{width: 175px;}

.clsContentTabs{float: left; margin: 20px 0 0 0; width: 540px;}
.clsContentTabs ul.tabNavigation{display: inline;}
.clsContentTabs ul.tabNavigation li{display: inline; float: left; margin: 0 1px 0 0; line-height: 37px; text-align: center; width: 179px;} 
.clsContentTabs ul.tabNavigation li a{display: block; width: 179px; height: 37px; background: #272729; color: #fff; background-image: url(../images/product-detail-tab-off-back.gif); background-repeat: repeat-x;}
.clsContentTabs ul.tabNavigation li a:hover {color:#ff9d0f;}
.clsContentTabs ul.tabNavigation li a.selected{background: #38393b; color: #ff9d0f; background-image: url(../images/product-detail-tab-on-back.gif); background-repeat: repeat-x;}
.clsContentTabs #shoppingguide{clear: both; padding: 15px 15px 10px 15px; width: 510px; background-color: #39393c;}
.clsContentTabs #shoppingguide h3{color: #fff; margin: 0 0 5px 0; font-size: 10pt; font-weight: normal;}
.clsContentTabs #shoppingguide p{font-size: 10pt; line-height: 12pt; margin: 0 0 10px 0; color: #a5a5a5;}
.clsContentTabs #shoppingguide p a{color: #ff9d0f;}
.clsContentTabs #shoppingguide p a:hover{color: #fff;}
.clsContentTabs #shoppingguide p a:active, a:focus{color: #fff;}
.clsContentTabs #shoppingguide table{font-size: 10pt; color: #a5a5a5; margin: 0 0 5px 0;}
.clsContentTabs #shoppingguide table thead td{width: 140px; color: #fff; padding: 0 0 5px 0;}
.clsContentTabs #shoppingguide table td{width: 140px;}
.clsContentTabs #delivery{clear: both; padding: 15px 15px 10px 15px; width: 510px; background-color: #39393c;}
.clsContentTabs #delivery h3{color: #fff; margin: 0 0 5px 0; font-size: 10pt; font-weight: normal;}
.clsContentTabs #delivery ul{color: #a5a5a5; margin: 0 0 10px 0;}
.clsContentTabs #delivery ul li{font-size: 10pt; line-height: 12pt; margin: 0 0 0 20px;}
.clsContentTabs #delivery ul li span{color: #fff;}
.clsContentTabs #delivery p{font-size: 10pt; line-height: 12pt; margin: 0 0 5px 0; color: #a5a5a5;}
.clsContentTabs #orderhelp{clear: both; padding: 15px 15px 10px 15px; width: 510px; background-color: #39393c;}
.clsContentTabs #orderhelp h3{color: #fff; margin: 10px 0 5px 0; font-size: 10pt; font-weight: normal;}
.clsContentTabs #orderhelp ul{color: #a5a5a5; margin: 0; margin: 0 0 10px 0;}
.clsContentTabs #orderhelp ul li{font-size: 10pt; line-height: 12pt; margin: 0 0 0 20px;}
.clsContentTabs #orderhelp ul li span{color: #ff9d0f;}
.clsContentTabs #orderhelp p{font-size: 10pt; line-height: 12pt; margin: 0 0 5px 0; color: #a5a5a5;}
.clsContentTabs #orderhelp p a{color: #ff9d0f;}
.clsContentTabs #orderhelp p a:hover{color: #fff;}
.clsContentTabs #orderhelp p a:active, a:focus{color: #fff;}

.clsYouMightAlsoLike{float: left; width: 930px; margin: 12px 0 0 0; background: #222325 url(../images/product-detail-related-back.gif) repeat-x; padding: 15px 15px 10px 15px; }
.clsYouMightAlsoLike h3{font-size: 15pt; color: #ff9d0f; margin: 0 0 10px 0; font-weight: normal;}
.clsYouMightAlsoLike .clsRelatedThumbs{float: left; width: 930px; margin: 10px 0 5px 0;}
.clsYouMightAlsoLike .clsRelatedThumbs li{float: left; display: inline; width: 191px; margin: 0 1px 0 0; padding: 0;}
.clsYouMightAlsoLike .clsRelatedThumbs li a{display: block; position: relative; width: 191px; height: 250px; background: url(../images/related-bg.png) top left no-repeat;}
.clsYouMightAlsoLike .clsRelatedThumbs li a:hover{background-position: bottom left;}
.clsYouMightAlsoLike .clsRelatedThumbs li a img{position: absolute; top: 0; left: 0; height: 220px; width: 191px; z-index: 11;}
.clsYouMightAlsoLike .clsRelatedThumbs li a h3.clsProductTitle{float: left; color: #fff; margin: 230px 0 0 0; padding: 5px 5px 0 5px; font-size: 10pt; line-height: 12pt; width: 181px; z-index: 11;  position: relative;}
.clsYouMightAlsoLike .clsRelatedThumbs li a h4.clsProductPrice{float: left; color: #ff9d0f; margin: 0; padding: 0 5px 5px 5px; font-size: 10pt; line-height: 12pt; width: 181px; z-index: 11;  position: relative;}
.clsYouMightAlsoLike .clsRelatedThumbs li a h4.clsProductPrice em.clsProductWasPrice{color: #595959;}
/*
.clsYouMightAlsoLike .clsRelatedThumbs li a:hover span.clsProductTitle{background-color: #595959;}
.clsYouMightAlsoLike .clsRelatedThumbs li a:hover h4.clsProductPrice{background-color: #595959;}
.clsYouMightAlsoLike .clsRelatedThumbs li a:hover h4.clsProductPrice em.clsProductWasPrice{color: #2c2c2c;}
*/
/* POP UP */

#divPopUp
{
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%;
    background: url(../images/wait-back.png);
    color: #fff;
    height: 100%;
    padding: 80px 0 0 0;
    text-align: center;
    z-index: 999999;
}
/* POP UP */

/* REPLICA KIT SELECTOR */
#divReplicaKitSelector{width: 960px;}
#divReplicaKitSelector h2{color: #fff; font-size: 20px; font-weight: normal; line-height: 24px;}
#divReplicaKitSelector h2 span{color: #a5a5a5;}
#divReplicaKitSelector h3{color: #ff9d0f; font-weight: normal; margin: 0;}
/*
#divReplicaKitSelector #divHomeKit{float: left; width: 320px; text-align: left; margin: 20px 0 0 0;}
#divReplicaKitSelector #divHomeKit a{color: #a5a5a5; display: block; width: 240px; height: 440px; background-image: url(../images/home-kit-selector-background.jpg); padding: 60px 0 0 80px;}
#divReplicaKitSelector #divHomeKit a:hover, a:focus, a:active{color: #fff;}
#divReplicaKitSelector #divAwayKit{float: left; width: 320px; text-align: left; margin: 20px 0 0 0;}
#divReplicaKitSelector #divAwayKit a{color: #a5a5a5; display: block; width: 300px; height: 440px; background-image: url(../images/away-kit-selector-background.jpg); padding: 60px 0 0 20px;}
#divReplicaKitSelector #divAwayKit a:hover, a:focus, a:active{color: #fff;}
#divReplicaKitSelector #divGoalkeepersKit{float: left; width: 320px; text-align: left; margin: 20px 0 0 0;}
#divReplicaKitSelector #divGoalkeepersKit a{color: #a5a5a5; display: block; width: 260px; height: 440px; background-image: url(../images/keepers-kit-selector-background.jpg); padding: 60px 0 0 40px;}
#divReplicaKitSelector #divGoalkeepersKit a:hover, a:focus, a:active{color: #fff;}
*/
#divReplicaKitSelector #divHomeKit{float: left; width: 320px; text-align: left; margin: 20px 0 0 0;}
#divReplicaKitSelector #divHomeKit a{color: #a5a5a5; display: block; width: 320px; height: 500px; background-image: url(../images/home-kit-selector-background.jpg); text-indent: -99999px;}
#divReplicaKitSelector #divAwayKit{float: left; width: 320px; text-align: left; margin: 20px 0 0 0;}
#divReplicaKitSelector #divAwayKit a{color: #a5a5a5; display: block; width: 320px; height: 500px; background-image: url(../images/away-kit-selector-background.jpg); text-indent: -99999px;}
#divReplicaKitSelector #divGoalkeepersKit{float: left; width: 320px; text-align: left; margin: 20px 0 0 0;}
#divReplicaKitSelector #divGoalkeepersKit a{color: #a5a5a5; display: block; width: 320px; height: 500px; background-image: url(../images/keepers-kit-selector-background.jpg); text-indent: -99999px;}


/* Footer Slugs Animation */
li.slugOne a, li.slugTwo a, li.slugThree a, li.clsLiLastSlug a {display:block; width:231px; height:215px; position:relative;}	
li.slugOne a .rollover {display:block; position:absolute; top:0; left:0; width:231px; height:215px; background:url(../images/slugs/1-over.jpg);}
li.slugTwo a .rollover {display:block; position:absolute; top:0; left:0; width:231px; height:215px; background:url(../images/slugs/2-over.jpg);}
li.slugThree a .rollover {display:block; position:absolute; top:0; left:0; width:231px; height:215px; background:url(../images/slugs/3-over.jpg);}
li.clsLiLastSlug a .rollover {display:block; position:absolute; top:0; left:0; width:231px; height:215px; background:url(../images/slugs/4-over.jpg);}

/* Video player styles */
#pnlVideo {background:url(../images/vid-box-top.png) top left no-repeat; clear: both; padding-top: 15px;}
#divVideoPanel {background:url(../images/vid-box-bottom.png) bottom left no-repeat; text-align: center; margin: 0 0 20px 0; padding: 15px; padding-top: 0;}
#divVideoPanel p{font-size: 8pt; color: #fff;}

#divOrderDetails h2{font-size: 22pt; margin: 0; padding: 0 0 5px 0; color: #FF9D0F;}
#divOrderDetails h3{font-size: 12pt; line-height: 14pt; margin: 0; padding: 0 0 10px 0; color: #fff;}
#divOrderDetails h4{font-size: 12pt; margin: 0; padding: 0 0 10px 0; color: #fff;}
#divOrderDetails h4 span{color: #FF9D0F;}
#divOrderDetails p{margin: 0; padding: 0 0 10px 0; font-size: 10pt; line-height: 14pt; color: #a5a5a5;}
#divOrderDetails a{text-decoration: none; color: #FF9D0F; line-height: 18pt;}
#divOrderDetails a:hover{color: #FF9D0F; border-bottom: solid 1px #FF9D0F; padding: 0 0 1px 0;}
#divOrderDetails #divCentreMe{margin: 10px 0 10px 0; width: 652px;}
#divOrderDetails .clsOrderPageBasketProductTitleHeader{border-bottom: 1px solid #a5a5a5; float: left; margin: 0 0 10px 0; padding: 0 0 2px 0; width: 465px; color: #fff; line-height: 12pt; font-size: 10pt;}
#divOrderDetails .clsOrderPageBasketProductQtyHeader{border-bottom: 1px solid #a5a5a5; float: left; margin: 0 0 10px 0; padding: 0 0 2px 0; width: 45px; color: #fff; font-size: 10pt; line-height: 12pt}
#divOrderDetails .clsOrderPageBasketProductPriceHeader{border-bottom: 1px solid #a5a5a5; float: left; margin: 0 0 10px 0; padding: 0 0 2px 0; width: 70px; color: #fff; font-size: 10pt; text-align: right; line-height: 12pt;}
#divOrderDetails .clsOrderPageBasketProductTitle{float: left; padding: 0 0 2px 0; width: 465px; color: #a5a5a5; line-height: 12pt; font-size: 10pt;}
#divOrderDetails .clsOrderPageBasketTotalAmount{float: left; padding: 0 0 2px 0; width: 465px; color: #a5a5a5; line-height: 12pt; font-size: 10pt;}
#divOrderDetails .clsOrderPageBasketProductQty{float: left; padding: 0 0 2px 0; width: 45px; color: #a5a5a5; font-size: 10pt; line-height: 12pt;}
#divOrderDetails .clsOrderPageBasketProductPrice{float: left; padding: 0 0 2px 0; width: 70px; color: #a5a5a5; font-size: 10pt; text-align: right; line-height: 12pt;}
#divOrderDetails .clsOrderPageBasketTotalPrice{float: left; padding: 0 0 2px 0; width: 70px; color: #a5a5a5; font-size: 10pt; text-align: right; line-height: 12pt;}
#divOrderDetails .clsOrderPageBasketDivide{clear: both; margin: 0; padding: 0;}
#divOrderDetails #divAddressHolder{float: left; width: 630px; margin: 10px 0 10px 0;}
#divOrderDetails #divAddressHolder #divBillingAddress{float: left; width: 290px; margin: 0 30px 0 0;}


/* Replica Kit Styles */

#divReplicaImage {width: 310px; height: 600px; float: left;}
#divReplicaImageNotFlash {width: 310px; height: 600px; float: left;}

#divKitInfo {width: 640px; float: right;}
#divKitInfo h5 {margin: 0 0 5px 0; clear:both;}
#divKitInfo h5 a {color:#ff9d0f; background: url(../images/link-arrow.png) no-repeat right top; padding: 0 15px 0 0;}
#divKitInfo h5 a:hover {color:#fff;}
#divReplicaPanel {background: url(../images/replica-panel.png) bottom left repeat-x; float: right; width: 620px; padding: 10px; margin: 0 0 12px 0;}
.clsReplicaCopy {width: 360px; float: left;}
.clsReplicaCopy h2 {color: #fff; font-size: 16pt;}
.clsReplicaCopy h2 span {color: #ff9d0f; font-size: 11pt; display: block;}
.clsReplicaCopy h3 {color: #fff; font-size: 14pt; margin: 10px 0 10px 0;}
.clsReplicaCopy h4 {color: #ff9d0f; float: left; margin:5px 0 15px 0; font-size: 16pt;}
.clsReplicaCopy h4 span{color: #ff0000;}
.clsReplicaCopy p {color: #a5a5a5; font-size: 12pt; line-height: 20px;}
.clsReplicaCopy #divVariationSelect {float: left; padding: 12px 0 12px 0;}
.clsReplicaCopy #divVariationSelect dl dt {color: #fff; width: 45px; float: left;}
.clsReplicaCopy #divVariationSelect dl dd {float: left; margin-right: 30px;}
.clsReplicaCopy a.clsAddToBasket {background-image:url(../images/add-basket-back.png);color:#000000;display:block;height:51px;line-height:51px;text-align:center;
width:172px; clear:both; margin-bottom: 10px;}
.clsReplicaCopy a.clsAddToBasket:hover {background-position:0 -51px; color:#FF9D0F;}
.clsReplicaCopy #pnlProdDetailAdded {background-image:url(../images/add-basket-back.png);color:#ff9d0f;display:block;height:51px;line-height:51px;text-align:center; width:172px; clear:both; margin-bottom: 10px; background-position: 0 -51px;}

.clsReplicaPersonalise {background: #19191a url(../images/personalise-bg.jpg) top left repeat-x; width: 215px; float: right; padding: 10px;}
.clsReplicaPersonalise h3 {color: #fff; font-size: 13pt; margin: 0; width: 140px; float: left; }
.clsReplicaPersonalise h4 {color: #ff9d0f; width: 50px; float:right; text-align:right; font-size: 11pt; margin: 0; margin-top: 2px;}
.clsReplicaPersonalise #divCustomInstruct {color: #AAA; font-size: 12pt; display:block; margin: 3px 0 3px 0; float:left }
.clsReplicaPersonalise ul {margin: 0; padding:0; clear:both; padding-top: 10px; height:1%}
.clsReplicaPersonalise ul li {list-style: none; margin:0 0 10px 0; padding:0; clear:both; height:1%;}
.clsReplicaPersonalise ul li.selectDigit {width: 80px; float: left; clear:none;}
.clsReplicaPersonalise ul li input, .clsReplicaPersonalise ul li select {color:#5A5A5A;}
.clsReplicaPersonalise ul li input#txtCustomName {width: 210px;}
.clsReplicaPersonalise ul li label {color: #ff9d0f; font-size: 10pt; display:block; margin: 3px 0 3px 0;}
.clsReplicaPersonalise ul li.choosePlayer {padding:10px; background: #2a2b2b url(../images/orpanel.jpg) top left repeat-x;}
.clsReplicaPersonalise ul li.choosePlayer label {display:inline; margin-right:10px; color:#fff; font-size:12pt; float:left;}
.clsReplicaPersonalise ul li.choosePlayer select {display:inline;}
.clsReplicaPersonalise ul li.addBadge label {display:inline;}
.personaliseHead {height: 1%;}
.personaliseHead input {float:left; margin: 1px 7px 0 0; padding: 0;}
.clsReplicaPersonalise ul li.addBadge {/*background: url(../images/badge.png) center left no-repeat; padding: 3px 0 3px 35px;*/ color:#fff;}
.clsReplicaPersonalise ul li.addBadge label {color:#fff;}
.clsReplicaPersonalise ul li.addBadge label span {color: #ff9d0f;}
.clsReplicaPersonalise #personalisePreview {width: 85px; float: left;}
.clsReplicaPersonalise #personaliseAdd {width: 12x; float: right; }
.clsReplicaPersonalise #personalisePreview a {background: url(../images/preview.png) top left no-repeat; display:block; text-align: center; color:#fff; height:51px;line-height:51px; width: 85px;}
.clsReplicaPersonalise #personaliseAdd a{background: url(../images/addorder.png) top left no-repeat; display:block; text-align: center; color: #fff; height:51px;line-height:51px;}
.clsReplicaPersonalise #personalisePreview a:hover, .clsReplicaPersonalise #personaliseAdd a:hover {background-position: 0 -51px;}

.clsReplicaShort {clear: both; background: url(../images/replica-extra.png) bottom left repeat-x; padding:10px; float: left; width: 620px; margin: 12px 0 9px 0;}
.clsReplicaShort h3 {color: #fff; font-size: 14pt; margin: 0; width: 228px; float: left; margin-bottom:12px;}
.clsReplicaShort h4 {color: #ff9d0f; width: 80px; float: left; margin-top: 3px;}
.clsReplicaShort dl dt {color: #fff; width: 45px; float: left; clear: left; margin-top: 2px;}
.clsReplicaShort dl dd {float: left; margin-right: 34px; margin-top: 2px;}
.clsReplicaShort select {width: 150px;}
.clsReplicaShort a.clsAddToBasket {background-image:url(../images/add-basket-back.png);color:#000000;display:block;height:51px;line-height:51px;text-align:center;
width:172px; float:left; margin: -30px 0 0 0; }
.clsReplicaShort #pnlShortAddedToBasket {background-image:url(../images/add-basket-back.png);color:#FF9D0F;display:block;height:51px;line-height:51px;text-align:center;
width:172px; float:left; margin: -15px 0 0 0; background-position:0 -51px;}

.clsReplicaSock {clear: both; background: url(../images/replica-extra.png) bottom left repeat-x; padding:10px; float: left; width: 620px; margin: 12px 0 9px 0;}
.clsReplicaSock h3 {color: #fff; font-size: 14pt; margin: 0; width: 228px; float: left; margin-bottom:12px; margin-top: 3px;}
.clsReplicaSock h4 {color: #ff9d0f; width: 80px; float: left;  margin-top: 3px;}
.clsReplicaSock dl dt {color: #fff; width: 45px; float: left; clear: left; margin-top: 2px;}
.clsReplicaSock dl dd {float: left; margin-right: 34px; margin-top: 2px;}
.clsReplicaSock select {width: 150px;}
.clsReplicaSock a.clsAddToBasket {background-image:url(../images/add-basket-back.png);color:#000000;display:block;height:51px;line-height:51px;text-align:center;
width:172px; float:left; margin: -30px 0 0 0;}
.clsReplicaSock #pnlSockAddedToBasket {background-image:url(../images/add-basket-back.png);color:#FF9D0F;display:block;height:51px;line-height:51px;text-align:center;
width:172px; float:left; margin: -15px 0 0 0; background-position:0 -51px;}

.clsReplicaShort a.clsAddToBasket:hover, .clsReplicaSock a.clsAddToBasket:hover {background-position:0 -51px; color:#FF9D0F;}

#divCustomInstruct {clear:both; color: #AAAAAA; font-size: 14px; padding: 7px 0 0 0;}
#pnlNotAvailable {clear:both; padding-bottom: 10px;}
#pnlShortNotAvailable {color: #AAAAAA; font-size: 14px; clear: both; padding-top: 5px}
#pnlSockNotAvailable {color: #AAAAAA; font-size: 14px; clear: both; padding-top: 5px}
#pnlCustomOptionError {color: #AAAAAA; font-size: 14px; clear: both; padding-top: 5px}

.standardProduct {margin: 0 0 20px 20px; float: right;}

#divPoppyAppeal{}
#divPoppyAppeal h3{color: #fff; font-size: 14pt; margin: 0 0 10px 0; line-height: 20px;}
#divPoppyAppeal h4{color: #ff9d0f; font-size: 12pt; margin: 0 0 10px 0; line-height: 18px;}
#divPoppyAppeal h5{color: #a5a5a5; font-size: 12pt; margin: 0 0 10px 0; line-height: 16px;}
#divPoppyAppeal .clsProductThumbs{float: left; display: inline; width: 960px; margin: 10px 0 20px 0;}
#divPoppyAppeal .clsProductThumbs li{float:left; display: inline; width: 191px; margin: 0 1px 0 0; padding: 0; height: 262px;}
#divPoppyAppeal .clsProductThumbs li a{display: block; position: relative; background: url(../images/product-thumb-back.png) top left no-repeat; width: 191px; height: 262px; }
#divPoppyAppeal .clsProductThumbs li a.open {background-position:left bottom !important;}
#divPoppyAppeal .clsProductThumbs li a img{position: absolute; top: 0; left: 0; height: 220px; width: 191px; z-index: 10;}
#divPoppyAppeal .clsProductThumbs li a h3.clsProductTitle{float: left; color: #fff; margin: 220px 0 0 0; padding: 5px 5px 0 5px; font-size: 10pt; line-height: 12pt; width: 181px; font-weight: normal;  z-index: 11; position: relative;}
#divPoppyAppeal .clsProductThumbs li a h4.clsProductPrice{float: left; color: #ff9d0f; margin: 0; padding: 0 5px 5px 5px; font-size: 10pt; line-height: 12pt; width: 181px; font-weight: normal;  z-index: 11;  position: relative;}
#divPoppyAppeal .clsProductThumbs li a h4.clsProductPrice em{color: #595959;}