/* Font sizes all relative to the "body" tag below and by using "em" it means if the user increases the font size on the browser (DDA compliance) then the sizes increase on the site in proportion too. */ body { font-family: Arial; font-size: .80em; background-color: white; padding-top:5px; margin:0px; line-height: 1.2em} div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th { margin:0; padding:0; } a img { border:0px; } table {border-collapse: collapse;} #regBodyContent input { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; font-family: Arial;} #regBodyContent textarea { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; font-family: Arial;} #regBodyContent .txtHighlight { border: 1px solid #CC0033; background-color: #F6FD8C; color: #000000;} /* this sets the overall width of the template so that we don't have to define it all the way through - plus it centres it */ #page {margin: 0 auto; width:974px; } #HeaderBar { width:974px; height:56px; border-width:1px 1px 0px 1px; border-color:#D7D7D7; border-style:solid; background-image:url(../images/site/headerbar_bg.gif); } #HeaderBar .free { width:100%; padding-top:5px; } #HeaderBar .MenuLinks {width:499px; padding-right:10px; font-size:0.85em;} #HeaderBar .MenuLinks ul { display: inline} #HeaderBar .MenuLinks ul li { display: inline; padding: 0px; font-size: 1em} #HeaderBar .MenuLinks a {color: #660B16; font-weight: normal; text-decoration: none; padding: 0px 3px 0px 8px;} #HeaderBar .MenuLinks a:hover { text-decoration: underline;} /* Region: TOP MENU */ #regTopMenuBar { height:33px; width:974px; background-image:url(../images/site/topnav_bg.gif); color: #cccccc; padding: 7px 10px 7px 10px; border-width:0px 1px 0px 1px; border-color:#D7D7D7; border-style:solid;} #regTopMenuBar .MenuItem { padding: 2px; width:120px; } #regTopMenuBar .MenuItem a {color: #ffffff; font-weight: bold; text-decoration: none; font-size:0.9em; display:block; padding: 3px 15px 3px 15px; border:solid 1px #C9606B; background-color:#861320; text-align: center;} #regTopMenuBar .MenuItem a:hover {color:#949494; text-decoration: none;} #regTopMenuBar .shoppingCart { color: #ffffff; font-size:.9em; width:100%; text-align:right; } #regTopMenuBar .shoppingCart a { color: #E6E2B9; text-decoration:none; font-size:1em;} #regTopMenuBar .shoppingCart a:hover { color: #E6E2B9; text-decoration:underline} #regTopMenuBar .Checkout { padding: 2px; } #regTopMenuBar .Checkout a {color: #ffffff; font-weight: normal; text-decoration: none; font-size:1.1em; display:block; padding: 2px 10px 2px 10px; border:solid 1px #90343F; background-color:#861320;} #regTopMenuBar .Checkout a:hover {color:#949494; text-decoration: none;} /* Region: FOOTER */ #BrandLogos {width:956px; height:36px; margin-top:4px; border:solid 1px #D7D7D7; padding:7px; } #regFooter {width: 100%; font-size: .8em; padding-bottom: 0px; } #regFooter td {color: black; padding: 4px;color: #5C5C5C; } #regFooter .Copyright { display: inline; } #regFooter .MenuLinks { display: inline; padding-top: 4px; padding-bottom: 4px; } #regFooter .MenuLinks ul { display: inline; padding-left:0px;} #regFooter .MenuLinks ul li { display: inline; padding: 0px 3px 0px 3px; } #regFooter a {color: #5C5C5C; font-weight: normal; text-decoration: none;} #regFooter a:hover {text-decoration: underline;} /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent { width:972px; border-width:0px 1px 1px 1px; border-color:#D7D7D7; border-style:solid; background-image:url(../images/site/topnav_shadow.gif); background-repeat:repeat-x; padding:8px 0px 8px 0px; } #regMainContent .PageHeading { padding:4px 4px 0px 0px; } #regMainContent .PageHeading H1 { border-bottom:solid 1px #D7D7D7; padding:8px 0px 4px 4px;color:#861320; float:left; } /* Region: Left hand menu/column */ #regLeftMenu {font-size: 1em; vertical-align:top; color: #44749D; width: 182px; background-color: white; padding: 0px 4px 5px 4px; border-right: 1px solid #D7D7D7; vertical-align:top; } #regLeftMenu a {color: black; text-decoration: none;} #regLeftMenu h2 {font-size: .85em; font-weight: bold; color: white; padding: 2px 5px 2px 2px; background-color:#44749D; margin-top: 3px; } #regLeftMenu .Searchbrand { background-image:url(../images/site/search_panel_bg_brand_spec.gif); padding: 4px 4px 0px 4px; margin: 0px; height:35px;} #regLeftMenu .Searchboys { background-image:url(../images/site/search_panel_bg_boys.gif); padding: 4px 4px 0px 4px; margin: 0px; height:35px;} #regLeftMenu .Searchgirls { background-image:url(../images/site/search_panel_bg_girls.gif); padding: 4px 4px 0px 4px; margin: 0px; height:35px;} #regLeftMenu .Searchladies { background-image:url(../images/site/search_panel_bg_ladies.gif); padding: 4px 4px 0px 4px; margin: 0px; height:35px;} #regLeftMenu .Searchmens { background-image:url(../images/site/search_panel_bg_mens.gif); padding: 4px 4px 0px 4px; margin: 0px; height:35px;} #regLeftMenu .menuItemsBox { padding: 15px 0px 0px 0px;} #regLeftMenu .productCategoriesBox {padding: 2px 0px 10px 0px;} #regLeftMenu .rssIcons {font-size: .8em; margin: 10px 5px 10px 15px; } #regLeftMenu .bookmarkSite{font-size: .8em; margin: 10px 0px 10px 0px; text-align:center; } #regLeftMenu #scrollerPanelNews { height: 170px; padding: 5px; font-size: 1em; font-family: Arial; text-align:left;} #regLeftMenu .MenuItem { font-size: .85em; margin: 0px 0px 1px 0px; padding: 7px 0px 1px 0px; text-align:right; border-bottom:solid 1px #D7D7D7;} #regLeftMenu .MenuItem A { color:#911524; font-weight: normal; font-family:Arial; font-size:18px; text-decoration: none;} #regLeftMenu .MenuItem A:hover {text-decoration: underline;} #regLeftMenu .subMenuItem { font-size: 1em; margin: 0px; padding: 2px 5px 2px 0px; border-bottom: 1px solid #CBDAE6; text-align:right;} #regLeftMenu .subMenuItem A { color:black; font-weight: normal; text-decoration: none; } #regLeftMenu .subMenuItem A:hover { color: #911524; } /* Region: right hand menu/column */ #rightcolumn .rhsNewsHeading {padding-top: 10px;} #rightcolumn .rhsNewsHeading A {color: #885a99; font-weight:bold; font-size:.85em; text-decoration: none; } #rightcolumn .rhsNewsBody {color: #1e1e1e; font-size:.85em; text-decoration: none;} #rightcolumn .rhsNewsBody:hover {color: #555555; font-size:.85em; text-decoration: none;} /* set the 750px width below to be the width (920 - left hand menu width).. */ #regBodyContent {vertical-align:top; width: 783px; padding-bottom: 25px; padding-top:10px; background-color: White; font-size: .90em} #regBodyContent h1 {margin-top: 5px; margin-bottom: 5px; font-size: 1.8em; font-weight: bold; color: #870F1C} /*#regBodyContent h2 {margin-top: 29px; margin-bottom: 5px; font-size: 1.7em; font-weight: normal; color: #870F1C; border-bottom:solid 1px #D7D7D7; }*/ #regBodyContent h3,#regBodyContent h2 {margin-top: 8px; margin-bottom: 3px; font-size: 1.6em; font-weight: bold; color: #870F1C;} #regBodyContent h4 {margin-top: 8px; margin-bottom: 3px; font-size: 1.5em; font-weight: bold; color: #870F1C;} #regBodyContent select {font-size: 1.1em; padding-left: 2px;} #regBodyContent input {font-size: 1.1em; padding-left: 2px;} #regBodyContent ul li { list-style-type: square; } #regBodyContent a { font-weight: normal;color:#870F1C; border-style: none none dotted none; border-width: 0px 0px 1px 0px; text-decoration: none; margin-bottom: 2px; } #regBodyContent a:hover { color: #870F1C; } #regBodyContent .MessageToUser {font-weight: bold; color: red; padding: 5px; border: 2px solid red; margin-bottom: 10px;} #regBodyContent .breadcrumbtrail {padding-top:5px; padding-bottom:10px} #regBodyContent .breadcrumbtrail A {color: #911524} #regBodyContent .highlight {background-color:Yellow} /* Button styles */ #regBodyContent .Button {font-weight: bold; color: #FFFFFF; border: 1px solid #90343F; background-color: #861320;} #regBodyContent .CancelButton {font-weight: normal; color: Red;} /* datagrid styles */ #regBodyContent .datagrid .datagridHeader {background-color: #cccccc;font-weight: bold; margin-bottom: 10px;} #regBodyContent .datagrid .datagridHeader td { padding: 2px 4px 2px 4px;} #regBodyContent .datagrid .datagridItem {background-color: #efefef; border-bottom: 1px solid #666666} #regBodyContent .datagrid .datagridItem td { padding: 2px 4px 2px 4px;} #regBodyContent .datagrid .datagridAlternatingItem {background-color: #ffffff; border-bottom: 1px solid #666666} #regBodyContent .datagrid .datagridAlternatingItem td { padding: 2px 4px 2px 4px;} #regBodyContent .Price { font-size: 1.7em; color: #870F1C; font-weight: bold;} #regBodyContent .WasPrice { font-size: 1.5em; color: #000000; text-decoration: line-through; font-weight: bold; margin-bottom: 6px;} #regBodyContent .PriceLarge { font-size: 1.2em; font-weight: bold; margin-top: 3px;} /* Payment/checkout/myaccount order history page styles */ #regBodyContent .PaymentForm {margin-left: 30px; margin-top:8px; width: 90%;} #regBodyContent .PaymentForm .heading {width: 140px} #regBodyContent .PaymentForm input, textarea {font-size: 1em;} #regMainContent .PaymentFormHeading { background-color: #870F1C; padding-top: 5px; background-image: url(../images/site/topnav_bg.gif); height: 20px; color: White; font-size: 1.1em; text-transform: uppercase; margin: 10px 0px 10px 0px; padding-left: 10px;} #regBodyContent .PaymentSecureSeal { text-align:center; margin-top: 10px; } /* these styles are used on the view shopping basket page... */ #regBodyContent .BasketSummary .BasketSummaryTable {width: 100%; border-collapse: collapse; } #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader { background-color: #870F1C; padding-top: 3px; background-image: url(../images/site/topnav_bg.gif); height: 18px; color: White; font-size: 1.1em; text-transform: uppercase;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader td { padding: 2px 5px 0px 3px;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem { border-bottom: 1px solid #870F1C; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem td { padding: 2px 3px 3px 3px;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 20px; text-align:center; font-size: 1em; margin-left: 25px;} #regBodyContent .BasketSummary .BasketSubtotal { font-weight: bold; font-size: 1.2em; width: 100%; text-align: right; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px; border-bottom: 1px solid gray} #regBodyContent .BasketSummary .BasketDelivery { font-weight: bold; width: 100%; text-align: right;; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketWeight { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketDelivery select {font-size: 1.05em; margin-left: 5px;} #regBodyContent .BasketSummary .BasketDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketGrandTotal { width: 100%; text-align: right; border-top: 1px solid black; font-weight: bold; font-size: 1.6em; margin: 0px 0 10px 0; padding: 10px 0px 3px 0px; color: #760F1B;} #regBodyContent .BasketSummary .ContinueShopping { margin-bottom: 5px; font-style: italic;} #regBodyContent .BasketSummary .BasketButtons {width: 100%} #regBodyContent .BasketSummary .CartBorder { border: 1px solid #D0D0D0; text-align: center; width: 80px;} #regBodyContent .BasketSummary .BasketButtons .UpdateQuantity {color: Navy; font-weight: bold; font-size: 1em; width:140px} #regBodyContent .BasketSummary .BasketButtons .ContinueShopping { color: Navy; font-weight: bold; font-size: 1em; width:140px; margin-top: 20px} #regBodyContent .BasketSummary .BasketButtons .Checkout {color: #185F0C; font-weight: bold; font-size: 1em; width:83px} #regBodyContent .BasketSummary .BasketButtons .CheckoutButton {color: #185F0C; font-weight: bold; font-size: 1em;} #regBodyContent .BasketSummary .ApplyDiscountCode {color: #185F0C; font-weight: bold; font-size: 0.9em; width:65px; height: 18px; text-transform: uppercase;} #regBodyContent .BasketSummary .CartRemove { background-color: #FFFFFF;font-weight: bold; color: #000000; border: 0px; width: 55px; margin: 0px} #regBodyContent .BasketSummary .CartRemove:Hover { text-decoration: none;} #regBodyContent .BasketSummaryFinal .BasketSummaryTable {width: 100%; border-collapse: collapse; } #regBodyContent .BasketSummaryFinal .BasketSummaryTable .BasketSummaryHeader { background-color: #870F1C; padding-top: 3px; background-image: url(../images/site/topnav_bg.gif); height: 18px; color: White; font-size: 1.0em;} #regBodyContent .BasketSummaryFinal .BasketSummaryTable td.totalCost{text-align:right;padding-left:5px; font-weight:bold;border-bottom:solid 2px #000000;} #regBodyContent .BasketSummaryFinal .BasketSummaryTable td.totalCostRight{text-align:left;padding-right:5px; font-weight:bold;border-bottom:solid 2px #000000;} #regBodyContent input.button{background-color:#861320;border:1px solid #90343F;color:white;font-weight:bold;width:210px;} .BasketSummaryTable td.totalCost{text-align:right;padding-left:5px; font-weight:bold;border-bottom:solid 2px #000000;} .BasketSummaryTable td.totalCostRight{text-align:left;padding-right:5px; font-weight:bold;border-bottom:solid 2px #000000;text-align:right} td.bold{font-weight:bold; text-decoration:underline; padding-right:5px;} td.boldnoline{font-weight:bold; text-decoration:none; padding-right:5px;} /* these styles are used on the final checkout page... */ #regBodyContent .PaymentSummary {margin-left: 30px; width: 680px;} #regBodyContent .PaymentSummary .PaymentSummaryTable {width: 100%; } #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader { background-color: #870F1C; padding-top: 3px; background-image: url(../images/site/topnav_bg.gif); height: 18px; color: White; font-size: 1.1em; text-transform: uppercase;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader td { padding: 2px 5px 0px 3px;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem td { padding: 2px 3px 3px 3px;} #regBodyContent .PaymentSummary .PaymentSubtotal { font-weight: bold; font-size: 1.2em; width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentDelivery { font-weight: bold; font-size: 1.2em; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.4em; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px;} #regBodyContent .PaymentSummary .CartBorder { border: 1px solid #D0D0D0; text-align: center; width: 80px;} /* these styles are used on product list/detail pages ... */ #regBodyContent .ProductPhotos {margin: 0px 10px 0 50px; width:350px; } #regBodyContent .ProductPhotos .MainPhoto {text-align:center; border: 1px dashed #cccccc; height: 300px; background-color: #FFFFFF;} #regBodyContent .ProductPhotos .ThumbnailCaption {font-weight:normal; text-align:center; color: #777777; padding: 5px 0px 5px 0px;} #regBodyContent .ProductPhotos .ThumbnailPhoto { padding: 2px; background-color: #FFFFFF; border: 1px solid #D7D7D7; display: table-cell; vertical-align: middle; width: 90px;line-height: 90px; font-size:90px; height:90px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center; background-color: #FFFFFF;} #regBodyContent .ProductPhotos .ThumbnailPhoto img.thumbnails{width:90px;} #regBodyContent .ProductPhotos a { border: 0px;} #regBodyContent .ProductSKUsTable a { border: 0px;} #regBodyContent .ProductSKUsTable .ProductSKUsHeader { background-color: #90343F; color: White; font-weight: bold;border: 1px solid #4d391f;} #regBodyContent .ProductSKUsTable .ProductSKUsItem { border: 1px solid #4d391f; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .price{font-weight: bold; color: #321800;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow {color: Red; font-weight: bold; font-size: .8em;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .wasprice{font-weight: bold; color: #000000; text-decoration:line-through;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow { margin: 3px 3px 3px 3px; height: 20px; font-weight: bold; border: 1px solid #870F1C; color: #FFFFFF; font-size: .8em; background-color: #870F1C;} #regBodyContent table.SubCategoryThumbnailBrowse, #regBodyContent table.ProductThumbnailBrowse, #regBodyContent table.ProductThumbnailBrowsee{margin:1px 0px 4px 0px;} #regBodyContent .SubCategoryThumbnailBrowse img, #regBodyContent .ProductThumbnailBrowse img, #regBodyContent .ProductThumbnailBrowsee img {border: 0px;} #regBodyContent .SubCategoryThumbnailBrowse a, #regBodyContent .ProductThumbnailBrowse a, #regBodyContent .ProductThumbnailBrowsee a { border: 0px;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail, #regBodyContent .ProductThumbnailBrowse .Thumbnail, #regBodyContent .ProductThumbnailBrowsee .Thumbnail{height: 215px; min-height:185px; padding-left: 5px; border-right: 1px dashed #D7D7D7; width: 170px; border-width: 1px; border-color: #FFFFFF #D7D7D7 #D7D7D7 #FFFFFF; border-style: dotted dashed dotted dotted;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailPhoto, #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailPhoto, #regBodyContent .ProductThumbnailBrowsee .Thumbnail .ThumbnailPhoto {height:115px; display: table-cell; vertical-align: middle; text-align: center; width: 165px; text-align: center; background-color: #FFFFFF; margin-bottom: 1px; padding: 1px 5px;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailText, #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailText, #regBodyContent .ProductThumbnailBrowsee .Thumbnail .ThumbnailText { padding: 1px 5px 1px 5px; margin-bottom:1px; } #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailText A, #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailText A, #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailText A, #regBodyContent .ProductThumbnailBrowsee .Thumbnail .ThumbnailText A {color:#000000; font-weight:bold; text-decoration:none; } #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailText A:hover, #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailText A:hover, #regBodyContent .ProductThumbnailBrowsee .Thumbnail .ThumbnailText A:hover {color:#911524; text-decoration:none; } #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ViewAll, #regBodyContent .ProductThumbnailBrowse .Thumbnail .ViewAll, #regBodyContent .ProductThumbnailBrowsee .Thumbnail .ViewAll { padding:0px 5px 0px 0px; margin-top:1px; border-right: 1px dashed #D7D7D7;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail:Hover, #regBodyContent .ProductThumbnailBrowse .Thumbnail:Hover, #regBodyContent .ProductThumbnailBrowsee .Thumbnail:Hover { border: 1px dashed #870F1C} /*new stle added by m69*/ #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailPhoto-catBrands { display: table-cell; vertical-align: middle; text-align: center; width: 165px; height:100px; text-align: center; background-color: #FFFFFF; } #regBodyContent .BrandThumbnailBrowse img {border: 0px;} #regBodyContent .BrandThumbnailBrowse a { border: 0px;} #regBodyContent .BrandThumbnailBrowse .Thumbnail { display: table-cell; margin-left: 5px; margin-right: 5px; vertical-align: middle; line-height: 100px; height:100px; text-align: center; background-color: #FFFFFF; width: 170px;height:100px; border-left: 1px dotted #FFFFFF; border-right: 1px dashed #D7D7D7; border-top: 1px dotted #FFFFFF;border-right: 1px dotted #FFFFFF; border-bottom: 1px dotted #D7D7D7;} #regBodyContent .BrandThumbnailBrowse .Thumbnail:Hover { border: 1px dashed #870F1C} #regBodyContent .productRating { font-weight: bold;} #regBodyContent .productReview {padding-top: 7px;} #regBodyContent .productReviewName { text-align:right; font-weight: bold; font-size: 11px; font-style: italic;} #regBodyContent .productReviewFooter {padding-bottom: 7px; border-bottom: 1px solid #cccccc; } #regBodyContent .paging {margin-top: 10px; margin-bottom: 10px; padding: 3px; border: 1px solid #D7D7D7; clear: left;} #regBodyContent .paging a {text-decoration: none;} #regBodyContent .paging table {width:100%} #regBodyContent .paging .currentPageLabel {width: 180px; color: black;} #regBodyContent .paging .previousPage {width: 100px; text-align: left; } #regBodyContent .paging .previousPage a { color: #999999;font-weight: bold;} #regBodyContent .paging .pageNumbers {text-align: center;} #regBodyContent .paging .pageNumbers a.unselectedPage {font-weight: bold; color: #999999; border:0px;} #regBodyContent .paging .pageNumbers a.selectedPage {font-weight: bold; color: #911524; border:0px;} #regBodyContent .paging .pageNumbers a.unselectedPage:hover {text-decoration: underline; color: #911524; border:0px;} #regBodyContent .paging .nextPage {width: 80px; text-align: right; } #regBodyContent .paging .nextPage a { color: Gray; font-weight: bold;} #regBodyContent .paging a:hover { color: #911524; text-decoration: underline;} /* not within a region because you may want to put in in various places on the site */ .blogCategoriesBox {padding: 0px 0px 10px 0px;} .blogCategoriesBox .blogCategoryItem {font-size: .85em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-bottom: 1px solid #8485DF; } .blogCategoriesBox .blogCategoryItem A { color:#444444; font-weight: normal; text-decoration: none;} .blogCategoriesBox .blogCategoryItem A:hover {text-decoration: underline;} .blogArchiveBox {padding: 0px 0px 10px 0px;} .blogArchiveBox .blogArchiveItem {font-size: .85em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-bottom: 1px solid #8485DF; } .blogArchiveBox .blogArchiveItem A { color:#444444; font-weight: normal; text-decoration: none;} .blogArchiveBox .blogArchiveItem A:hover {text-decoration: underline;} /*Password Tool CSS */ #password_description {font-size: 10px; font-style: italic; } #password_strength { height:10px; display:block; } #password_strength_border { width: 160px; height: 10px; border: 1px solid black; } .strength0 { width:160px; background:#cccccc; } .strength1 { width:40px; background:#ff0000; } .strength2 { width:80px; background:#56e500; } .strength3 { background:#399800; width:120px; } .strength4 { background:#4dcd00; width:160px; } /*M6 added styling*/ /*main style for site*/ .main-content{padding-left: 20px; padding-right: 10px;} .brnd-cat-ctnt{padding-bottom:0px!important;} /*styling placeholder for main content*/ #regBodyContent p.content{margin:0 0 0 20px} /* Search Control */ #regLeftMenu .dropdownlist {margin:0;padding:0} #regLeftMenu .dropdownlist select {height:20px;margin-top:3px;width:160px;} input#txtsearch{height: 15px; margin-top: 3px; vertical-align: top; width: 110px;} input#txtsearch2 {width: 210px; height: 15px; margin-top:3px; vertical-align:top;} input#btnsearch {border-width:0px;padding-top:4px;} img.searchtitle {border-width:0px;} .MenuBar {color:#fff; font-size:1.2em;width:974px; background-image:url(../images/site/topnav_bg.gif); padding: 7px 10px 7px 10px; border-width:0px 1px 0px 1px; border-color:#D7D7D7; border-style:solid;} .contentTitle{color:#861320;} /*history page */ div#historyContent{width:520px; float: left;} div#historyContent p{padding:10px;} div#historyContent h1{border-bottom:1px solid #D7D7D7; color:#861320; padding-bottom:4px; padding-top:8px;} div#historyPics{margin-left:520px; padding:10px;} div#historyPics span{color:Gray; font-size:0.8em;} div#historyPics p{border:1px solid grey; text-align:center; padding:5px;} /*top header changes*/ #site-nav{float:left;width:499px} #basketLnk a{background-color: #861320; border: 2px solid #90343F;color: #FFFFFF!important; display: block; font-size: 1.2em;width:100px;text-align:center; } #basketLnk a:hover{background-color: #861320; border: 2px solid #90343F; color: #CCCCCC!important; display: block; font-size: 1.2em; width:100px; text-align:center; text-decoration:none!important;} div#shopbybrand a{ background-color: #861320; border: 1px solid #C9606B; color: #FFFFFF; display: block; font-size: 1.4em; font-weight: normal; margin: 5px 0 0 1px; padding: 5px 15px; text-align: center; text-decoration: none; width: 194px;} /*paypal logo on homepage*/ #paypal-cont{border: 1px solid #FF9900; margin-left: 2px; margin-top: 2px; padding: 0px 1px 0px 35px; width: 187px; background:url('../images/site/home-paypal-bg.gif')} /*link to subcat from cat page*/ h3.subcat, h2.subcat{font-size:1.5em!important;} /*removal of left nav - changes*/ .searchform{float:right;} .searchbrand { background-image:url(../images/site/search_panel_bg_brand_spec.gif); padding: 4px 4px 0px 4px; margin: 0px; height:35px;} .searchboys { background-image:url(../images/site/search_panel_bg_boys.gif); padding: 4px 4px 0px 4px; margin: 0px; height:35px;} .searchgirls { background-image:url(../images/site/search_panel_bg_girls.gif); padding: 4px 4px 0px 4px; margin: 0px; height:35px;} .searchladies { background-image:url(../images/site/search_panel_bg_ladies.gif); padding: 4px 4px 0px 4px; margin: 0px; height:35px;} .searchmens { background-image:url(../images/site/search_panel_bg_mens.gif); padding: 4px 4px 0px 4px; margin: 0px; height:35px;} .prodPrice{text-align:left;} a.buynow{float:right;} /*breadcrumb*/ .breadcrumb h2, .breadcrumb h1{ font-size: 0.9em; display:inline;} .breadcrumb a{color:#870F1C; text-decoration:underline;} .breadcrumb a:hover{text-decoration:none;} .breadcrumb {padding:5px; background-color:#F4F4F4;} /*cat page*/ #regBodyContent div.catmens, #regBodyContent table.catmens, .colstyle div.catmens{border: 2px solid #BDDA85;padding-left:12px;} #regBodyContent div.catladies, #regBodyContent table.catladies, .colstyle div.catladies{border: 2px solid #C1AAD5; padding-left:12px;} #regBodyContent div.catgirls, #regBodyContent table.catgirls, .colstyle div.catgirls{border: 2px solid #F6BADB;padding-left:12px;} #regBodyContent div.catboys, #regBodyContent table.catboys, .colstyle div.catboys{border: 2px solid #AAD4E6;padding-left:12px;} #regBodyContent div.catall, #regBodyContent table.catall, .colstyle div.catall{border: 2px solid #CDCDCD;padding-left:12px;} #regBodyContent table.catmens{background-color:#F5FCE8} #regBodyContent table.catladies{background-color:#F6EDFF} #regBodyContent table.catgirls{background-color:#FFF4FA} #regBodyContent table.catboys{background-color:#EFFAFF} #regBodyContent div.catmens p, #regBodyContent div.catladies p, #regBodyContent div.catgirls p, #regBodyContent div.catboys p, #regBodyContent div.catall p{padding:4px;} .colstyle div.catmens p, .colstyle div.catladies p, .colstyle div.catgirls p, .colstyle div.catboys p, .colstyle div.catall p{padding:4px;} #regBodyContent table.ProductThumbnailBrowse div.OuterThumbnail, #regBodyContent table.subcatprdt div.OuterThumbnail {margin:1px 3.5px 1px 4px;background-color:#fff;} .colstyle table.ProductThumbnailBrowse div.OuterThumbnail, .colstyle table.subcatprdt div.OuterThumbnail {margin:1px 3.5px 1px 4px;background-color:#fff;} #regBodyContent table.SubCategoryThumbnailBrowse div.OuterThumbnail {margin:1px 1px 1px 4px;background-color:#fff;} #regBodyContent table.prdtbrd div.OuterThumbnail {background-color:#fff;} #regBodyContent table.ProductThumbnailBrowsee div.OuterThumbnail div.Thumbnail div.buynow a{margin:0px;} #regBodyContent table.ProductThumbnailBrowse div.OuterThumbnail div.Thumbnail div.buynow a, #regBodyContent table.ProductThumbnailBrowsee div.OuterThumbnail div.Thumbnail div.buynow a, #regBodyContent table.ProductThumbnailBrowsee div.OuterThumbnail div.Thumbnail div.buynow a{padding-top:10px;} #regBodyContent div.catmens div.subcatThumbnail{border: 1px solid #EFF7DE;} #regBodyContent div.catladies div.subcatThumbnail{border: 1px solid #EFE8F7;} #regBodyContent div.catgirls div.subcatThumbnail{border: 1px solid #FCEDF5;} #regBodyContent div.catboys div.subcatThumbnail{border: 1px solid #E8F6FC;} #regBodyContent div.catall div.subcatThumbnail{border: 1px solid #E8E8E8;} div.subcatThumbnail{float:left; display:block; margin: 5px; width: 170px;} div.subcatThumbnail:hover{ border: 1px dashed #870F1C!imporant;} div.subcatThumbnail div.subcatThumbnailText{ margin-bottom: 1px; padding: 1px 5px;} #regMainContent div.catmens div.subcatThumbnail div.subcatThumbnailText a, #regMainContent div.catboys div.subcatThumbnail div.subcatThumbnailText a, #regMainContent div.catgirls div.subcatThumbnail div.subcatThumbnailText a, #regMainContent div.catladies div.subcatThumbnail div.subcatThumbnailText a { color: #000000; font-weight: bold; text-decoration: none;border:0px; display:block;} div.subcatThumbnail div.subcatThumbnailPhoto {background-color: #FFFFFF; display: table-cell; height: 115px; margin-bottom: 1px; text-align: center; vertical-align: middle; width: 165px;} /*different col widths*/ div.fourCols{width:200px!important; margin-left: 20px;} div.fourCols div.subcatThumbnailPhoto {width:205px!important;} #regBodyContent a.subcat {border-style: none; border-width: 0px; text-decoration: none; display:block;} #regBodyContent a.viewall{padding-right:5px;} #regBodyContent a.mens{background-color:#BDDA85; color:#45600A; padding:3px 5px 2px 0px; font-weight:bold; } #regBodyContent a.boys{background-color:#AAD4E6; color:#072938; padding:3px 5px 2px 0px; font-weight:bold; } #regBodyContent a.ladies{background-color:#A88DBF; color:#FBF7FF; padding:3px 5px 2px 0px; font-weight:bold; } #regBodyContent a.girls{background-color:#F6BADB; color:#51082F; padding:3px 5px 2px 0px; font-weight:bold; } #regMainContent div.catmens div.subcatThumbnail div.subcatThumbnailText a:hover, #regMainContent div.catgirls div.subcatThumbnail div.subcatThumbnailText a:hover, #regMainContent div.catboys div.subcatThumbnail div.subcatThumbnailText a:hover, #regMainContent div.catladies div.subcatThumbnail div.subcatThumbnailText a:hover {color:#911524; text-decoration:none; } /*product by brand page*/ img#productbrandlogo{float:left; margin:2px 5px 5px 10px;} div.prdtbrndintro{margin-bottom:6px;} table.prdtbrd {width:940px;} /*prdt price*/ #regBodyContent .ProductThumbnailBrowse .Thumbnail .prodPrice .price, #regBodyContent .ProductThumbnailBrowsee .Thumbnail .prodPrice .price, #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .prodPrice .price{font-weight: bold; color: #000000; padding-right: 10px; font-size: 1.4em} #regBodyContent .ProductThumbnailBrowse .Thumbnail .prodPrice .wasprice, #regBodyContent .ProductThumbnailBrowsee .Thumbnail .prodPrice .wasprice, #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .prodPrice .wasprice{font-weight: bold; color: #870F1C; text-decoration:line-through; padding-right: 10px; font-size: 1.2em} #regBodyContent .ProductThumbnailBrowse .Thumbnail .prodPrice .waspriceblank, #regBodyContent .ProductThumbnailBrowsee .Thumbnail .prodPrice .waspriceblank, #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .prodPrice .waspriceblank {color: #870F1C;} /*generic styles*/ .clrL{clear:left;} .clrR{clear:right;} .clrB{clear:both;} /*facebook like button */ .fb_edge_widget_with_comment{margin-bottom:10px;} /*homepage*/ a.homesocial{padding:7px 3px 0px 10px; border: 1px solid #D7D7D7;} a.homesocial img{padding-right:3px;} /*Sale banner*/ div.salebanner{color:#fff;text-align:center;} div#sale-line1{font-weight:bold;font-size:10.0em; margin-top:50px} div#sale-line2{font-size:3.0em; margin-top:47px} div#sale-line3{font-weight:bold;font-size:4.0em;margin-top:22px} div#sale-line4{font-size:2.0em;margin-top:20px} div#sale-line5{font-size:1.5em; margin-top:7px} div#salebannerlink{border: 2px solid #FFA530; color: #FFFFFF; font-weight: bold;margin: 6px auto 6px; padding:3px; text-align:center; width:400px; font-size:1.5em;} #salebannerlink a:link, #salebannerlink a:visited{color:#FFF293;text-decoration:none;} #salebannerlink a:hover{color:#fff;text-decoration:none;} /*unsubscribe*/ p.unsubscribe{margin:20px;} /*shopping cart*/ .pointer{cursor:pointer;} #promoDiv{padding: 5px; margin: 10px 0 10px 0; text-align: center; font-weight: bold; background-color: #EFEFEF; border: 1px solid #CCCCCC;} span#errmsg{margin-bottom:10px; color: red; font-weight: bold;} img.creditcards{margin-right:50px;} p.deliverytitle{ color: gray; float: left;font-size: 1.1em; margin: 0 0 0 2px; padding: 0; text-align: left;} #BasketDeliveryCountry{margin-right:15px;} /*category page*/ ul#categorylist{margin: 0px;padding:5px 0px;} ul#categorylist li{width:170px; float:left; border:1px solid #EEEEEE;list-style-type: none;margin: 0 16px 5px 0px; background-color:#EEEEEE;} ul#categorylist li.mens-shoes{border:1px solid #BDDA85!important;} ul#categorylist li.girls-shoes{border:1px solid #F6BADB!important;} ul#categorylist li.ladies-shoes{border:1px solid #C1AAD5!important;} ul#categorylist li.boys-shoes{border:1px solid #AAD4E6!important;} div.prdListingWrapper{background-color:#fff; margin:6px;} div.prdListingImg{text-align:center; height:157px; padding-top:5px;} div.prdBrndListingImg{text-align:center; height:130px!important; padding-top:5px;} div.prdListingImg a, div.prdBrndListingImg a{border:0px!important;} div.prdItemImg {min-height: 100px;padding-top: 7px;} div.prdLogo{text-align:right;} div.prdLogo img{padding-right:4px;} div.prdTitle{text-align:left; padding-bottom:2px; margin-left:4px;} div.prdTitle a{color:#000!important; text-decoration:none!important; font-weight:bold!important; font-size: 0.8em;} div.prdListingPrice{margin:0 6px 5px; background-color:#fff; min-height:50px;} div.prdListingPrice .wasprice{color:#861320; text-decoration:line-through; font-weight:bold; width:120px; padding-left:5px; height:12px;} div.prdListingPrice .price{color:#000; font-weight:bold; font-size:1.5em; width:120px;padding-left:5px;} div.prdListingPrice .waspricesale{color:#000; text-decoration:line-through; font-weight:bold; width:120px; padding-left:5px; height:12px;} div.prdListingPrice .saleprice{color:#861320; font-weight:bold; font-size:1.5em; width:120px;padding-left:5px;} div.prdListingPrice .ogprice{padding-top:14px;} div.prdListingPrice .newprice{padding-top:3px;} div.priceCont .buynow-ladies-shoes, div.prdListingPrice .buynow-ladies-shoes{text-decoration:none; display:block;background-color:#F6EDFF; margin:0px 3px 0px 3px; text-align:right; font-size:1.2em; padding:1px;} div.priceCont .buynow-mens-shoes, div.prdListingPrice .buynow-mens-shoes{text-decoration:none; display:block;background-color:#E1F4BA; margin:0px 3px 0px 3px; text-align:right; font-size:1.2em; padding:1px;} div.priceCont .buynow-girls-shoes, div.prdListingPrice .buynow-girls-shoes{text-decoration:none; display:block;background-color:#E5C0D4; margin:0px 3px 0px 3px; text-align:right; font-size:1.2em; padding:1px;} div.priceCont .buynow-boys-shoes, div.prdListingPrice .buynow-boys-shoes{text-decoration:none; display:block;background-color:#CEE2EA; margin:0px 3px 0px 3px; text-align:right; font-size:1.2em; padding:1px;} div.prdListingPrice a.buynowlnk{border:0px!important; color:#7C7C7C!important; font-weight:bold; padding: 0px 3px 2px 0px;} /*brands page product listing*/ ul#categoryfilter{margin-top:0px;} ul#categoryfilter li{list-style-type:none; display:block; float:left;} ul#categoryfilter li.filter-mens-shoes{border:2px solid #E1F4BA; margin:5px;} ul#categoryfilter li.filter-ladies-shoes{border:2px solid #F6EDFF; margin:5px;} ul#categoryfilter .ThumbnailText{text-align:center;} td.colstyle{background-color: White; font-size: 0.9em; padding-bottom: 25px; padding-top: 10px; vertical-align: top; width: 783px;} div.catbrnd_prdlist{height:130px!important;}