<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */

 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&amp;display=swap');

 body {
	 overflow-x: hidden; /* Prevents lateral scrolling */
	 margin: 0;
	 font-family: 'Roboto', sans-serif;
	 font-size: 62.5%;
	 color: #000000;
	 background-color: #ffffff; /* Plain white background */
 }
a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	color: #900000;
	text-decoration: none;
	}
 
a:visited {
	color: #900000;
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navCatTabs ul li a:hover {
	color: #900000;
	text-decoration: underline;
	}
#navSupp ul li a:hover {
 	color:#EEEEEE;
	text-decoration: underline;
}

a:active {
	color: #0000FF;
	}

h1 {
	font-size: 1.5em;
	color: #000;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.5em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0;
	}

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
*html .centerColumn {
	height: 1%;
	}
*/

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA {
	margin: auto;
	display: block;
	width: 95%;
	}

input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	color: black;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width: 11em;
	float: left;
	}

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.message-stack-container {
	display: flex;
	align-items: center;
	padding: 10px;
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
	border-radius: 4px;
  }
  
  .icon-error {
	width: 24px;
	height: 24px;
	margin-right: 10px;
  }
  
  .message-stack-text {
	font-size: 0.8rem;
	font-weight: bold;
  }
/* Hide the outdated icons in message stack */
.message-stack-icon img {
    display: none !important;
}
.message-stack-text img {
    display: none !important;
}

/*wrappers - page or section containers*/
#mainWrapper {
    background-color: #ffffff;
    text-align: left;
    max-width: 100%; /* Full-width layout */
	overflow-x: hidden; /* Ensure no child causes lateral scroll */
    vertical-align: top;
    border: 1px solid #9a9a9a;
    margin: 0;
    padding: 0;
}
#cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}
	#contentMainWrapper {
		display: flex;
		align-items: flex-start; /* Align the top of the elements */
		justify-content: flex-start;
	}
	
	#navColumnOne {
		display: grid; /* Grid layout to evenly distribute content */
		grid-template-rows: repeat(auto-fill, 1fr); /* Distribute rows evenly */
		width: 200px; /* Fixed width for the menu */
		background-color: #f9f9f9; /* Optional background color */
		border-right: 1px solid #ddd; /* Separator */
	}
	
	#navColumnOne ul {
		margin: 0;
		padding: 0;
		list-style: none; /* Remove bullet points */
	}
	
	#navColumnOne li {
		display: flex; /* Flex for alignment */
		justify-content: left;
		align-items: center; /* Center vertically */
		text-transform: uppercase; /* Style text */
		font-size: 1rem;
		font-weight: bold;
		color: #333;
		transition: background-color 0.3s;
	}
	.checkout-page-wrapper #navColumnOne li {
		height: auto !important; /* Fix the stretched height issue */
		align-items: flex-start; /* Ensure proper alignment */
	}
	
	.checkout-page-wrapper #navColumnOne {
		height: auto; /* Reset any inherited height rules */
	}	
		
	#navColumnOne li:hover {
		background-color: #ececec; /* Light gray on hover */
		color: #000;
		border-radius: 5px; /* Optional: Rounded hover effect */
	}
	
	#contentMainWrapper a{color: #333333;}	
#headerWrapper{
	padding: 0em;
	min-width: 990px;
	width:90%;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	}
#topBarWrap{
	background:#EEEEEE;
	}
#topBar{
	color:#2C2C2C;
	font-weight:bold;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 300px;
	}
.topBox{
	float:left;
	padding: 0 2em 0 2em;
	}
#nav_header{
	border-right:1px solid #9a9a9a;
	padding: .2em 3em 0 1em;
	}
#lang_header{
	border-right:1px solid #9a9a9a;
	padding-left:2em;
	}
#currency_header{
	border-right:1px solid #9a9a9a;
	}
	#cart_header a {
		display: flex;
		align-items: center;
		gap: 8px; /* Space between the icon and text */
		text-decoration: none;
		color: #ffffff;
	}
	
	#cart_header .cart-icon {
		width: 16px; /* Adjust size as needed */
		height: 16px;
	}
	
/* Full-width header container */
#headerWrapper {
	min-width: 0; /* Prevents fixed minimum width */
    width: 100%; /* Use full container width */
    padding-right: 15px; /* Add padding to prevent content overflow */
    background-color: #000000; /* Black background */
	display: flex; /* Aligns children horizontally */
    align-items: center; /* Vertically centers items */
    justify-content: space-between; /* Logo on left, search on right */
    padding: 10px 20px; /* Add padding for breathing space */
}

/* Login Create Account Styling */

/* General container for login page */
#loginDefault {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Heading style */
#loginDefault h1 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    color: #333;
}

/* Label and input styling */
#loginDefault label {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    color: #555;
}

#loginDefault input[type="text"],
#loginDefault input[type="password"],
#loginDefault input[type="email"] {
    width: 90%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
    background-color: #f9f9f9;
}

/* Button styles */
#loginDefault #newCustomerSection a, .custom-login-link {
    width: 100%;
    padding: 10px 40px !important;
    background-color: #0066cc;
    color: #fff!important;
    border: none;
    border-radius: 0px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
	text-transform: uppercase;

}
#loginDefault #newCustomerSection a:hover, .custom-login-link:hover {
    background-color: #003366;
}


#loginDefault .buttonRow .forward button:hover,
#loginDefault .buttonRow .back button:hover {
    background-color: #004999;
}

/* Advisory message styling */
#loginDefault .advisory {
    background-color: #f9f9f9;
    border-left: 5px solid #ff9900;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 0.9rem;
    color: #555;
}

/* Centering for "NOUVEAUX CLIENTS" */
#loginDefault #newCustomerSection {
    text-align: center;
    margin-top: 20px;
}

#loginDefault #newCustomerSection h2 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}
/* Scoped styles for the Create Account page */
/* General container for Create Account page */
#createAcctDefault {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Heading style */
#createAcctDefault h1 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    color: #333;
}

/* Label and input styling */
#createAcctDefault label {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    color: #555;
}

#createAcctDefault input[type="text"],
#createAcctDefault input[type="password"],
#createAcctDefault input[type="email"],
#createAcctDefault select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
    background-color: #f9f9f9;
}

/* Button styles */
#createAcctDefault .button-container button {
    width: 100%;
    padding: 10px;
    background-color: #0066cc;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

#createAcctDefault .button-container button:hover {
    background-color: #004999;
}

/* Section headings (e.g., Vos coordonnÃ©es) */
#createAcctDefault legend {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

/* Advisory message styling */
#createAcctDefault .advisory {
    background-color: #f9f9f9;
    border-left: 5px solid #ff9900;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 0.9rem;
    color: #555;
}

/* Privacy notice */
#createAcctDefault .privacy-notice {
    text-align: center;
    font-size: 0.85rem;
    color: #666;
}

#createAcctDefault .privacy-notice a {
    color: #0066cc;
    text-decoration: none;
}

#createAcctDefault .privacy-notice a:hover {
    text-decoration: underline;
}

/* Logo Styling */
/* Limit the size of the logo */
#logo {
    max-width: 15%; /* Logo takes up 15% of the header width */
    margin-left: 10px; /* Add slight spacing if needed */
}

#logo img {
    max-height: 7.5rem; /* Restrict the logo height */
    width: auto; /* Maintain the aspect ratio */
    object-fit: contain; /* Ensure the image scales nicely */
}
/* Search Bar Container */
#navMainSearch {
    width: 20%; /* Restrict search bar to 20% of header width */
    display: flex; /* Aligns text input and icon inline */
    align-items: center; /* Vertically centers elements */
    position: relative; /* For proper icon alignment */
}

/* Text Input */
#navMainSearch input[type="text"] {
    width: 100%; /* Full width within container */
    height: 36px; /* Standard height */
    padding: 5px 10px; /* Padding for text */
    box-sizing: border-box; /* Includes padding in width */
    font-size: 14px;
}

/* Search Icon */
#navMainSearch input[type="submit"] {
    position: absolute;
    right: 5px; /* Aligns icon to the far right */
    top: 50%; /* Centers vertically */
    transform: translateY(-50%); /* Adjust for true centering */
    background: transparent; /* Removes background */
    border: none;
    font-size: 18px; /* Adjust icon size */
    cursor: pointer;
}
#topLinks{
	background-color: #2A2A2A;
	}
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 
#navColumnOneWrapper, #navColumnTwoWrapper {
	}
	
#tagline {
	color:#000000;
	font-size: 1.8em;
	text-align : center;
	vertical-align: middle;
	}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}

.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	}

#navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #2E2E2E;
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #909090;
	border-top:5px solid #000000;
	height: 1%;
	}
#navSupp{
	width:800px;
	margin:auto;
}
#payments{
	float:left;
	background:url(../images/payments.gif) 1.5em 0 no-repeat;
	width:25%;
	padding:1em 0;
	}
#bottomNav{
	margin:auto;
	}
#bottomNav a, #bottomNav a:visited{
	color:#9a9a9a;
	text-decoration:underline;
	}

#navCatTabsWrapper {
	background-color: #ffffff;
	color: #9a9a9a;
	background-image:none;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navSupp ul li a:visited, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #EEEEEE;
	white-space: nowrap;
	}
#navSupp ul li a:hover {
	color:#EEEEEE;
	text-decoration:underline;
	}

#navCatTabs ul li a {
	color: #9a9a9a;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #9a9a9a;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navMainSearch {
	float: right;
	margin-right: 51px;
    margin-top: 40px;
	background: #fbfafb;
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	height: 41px;
	}
#navMainSearch #search{
	float: left;
    border: 0;
    height: 41px;
    line-height: 41px;
    background: #fbfafb;
    padding: 0;
    color: #000;
    margin: 0 13px 0 11px;
}
#navMainSearch #search:focus{
	background: #fbfafb;
	border: 0;
}
#navMainSearch .search{
	width: 25px!important;
    height: 26px!important;
    border: none;
    background: url(../images/search.png) no-repeat right 0;
    font-size: 0;
    cursor: pointer;
    float: left;
    margin: 0;
    margin-right: 11px;
    margin-top: 8px;
}
/* Breadcrumbs Styling */
#navBreadCrumb {
    font-size: 0.8rem;
	margin-top: 20px; /* Adjust the value for more or less space */
    color: #007BFF; /* Set default breadcrumb text color */
	font-weight: bold; /* Makes it bold */
    text-transform: uppercase; /* Makes it all caps */
    letter-spacing: 0.5px; /* Optional: Adds slight spacing between letters */
}

#navBreadCrumb a, 
#navBreadCrumb a:visited {
    color: #007BFF; /* Electric blue for all breadcrumb links */
    text-decoration: none;
}

#navBreadCrumb a:hover {
    color: #032951; /* Darker blue on hover */
    text-decoration: underline;
}

#navBreadCrumb span { 
    color: #032951; /* Non-link (text) breadcrumbs */
}

#navBreadCrumb .breadcrumb-arrow { 
    color: #007BFF; /* Ensure arrows match link color */
}

#navEZPagesTop {
	font-size: 1.5em;
	margin: 0;
	color:#ffffff;
	}
#navEZPagesTop a{
	color:#ffffff;
	}
#navEZPagesTop a, a:link, #navEZPagesTop a:visited{
	padding-right: 1em;
	padding-left: 0.8em;
	line-height: 1.5em;
	padding-top: 3px;
	padding-bottom: 3px;
	}
#navEZPagesTop a:hover{
	background-color: #000;
	text-decoration: none;
	}

#navColumnOne, #navColumnTwo {
	background-color: transparent;
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .alert {
	vertical-align: top;
	}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
	}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
#slider {
		display: none !important;
	}
	
#bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
		width: 100% !important; /* Full width */
		max-width: 100%; /* Prevent overflow */
		max-height: 60vh; /* Limit banner to 75% of viewport height */
		padding: 0; /* Remove unnecessary padding */
		margin: 0; /* Ensure no margins interfere */
		text-align: center; /* Center content */
		overflow: hidden; /* Prevent content clipping */
	}
	
	#bannerTwo img, #bannerThree img, #bannerFour img, #bannerFive img, #bannerSix img {
		display: block;
		width: 100%; /* Make the image take full container width */
		height: auto; /* Maintain aspect ratio */
		object-fit: cover; /* Ensure the image covers the container neatly */
		margin: 0 auto; /* Center the image */
	}	

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
#cartAdd {
	text-align: center;
	margin: 1em;
	padding: 1em;
	}

.tableHeading TH {
	border-bottom: 1px solid #9a9a9a;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
	padding: 0.5em 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	background-color: #E4FEf5;
	border: 1px solid #003D00;
	}
.mediaTitle {
	float: left;
	}
.mediaTypeLink {
	float: right;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	list-style-type: none;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
	}

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}

.categoryIcon {}

#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents,.centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured,	 {
    margin: 0.5em 0; /* Reduce vertical spacing between rows */
    padding: 0.2em; /* Reduce internal padding for tighter grouping */
}
.centerBoxWrapper {
	border-left: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
	border-bottom: 4px solid #9a9a9a;
	height: 1%;
	margin: 0;
	}
	.centerBoxWrapper ul li {
		text-align: center; /* Ensures the title is centered */
		display: block; /* Aligns content vertically */
	}
	
	.centerBoxWrapper ul li p {
		font-size: 1rem; /* Adjust font size */
		font-weight: 500; /* Medium font weight */
		margin: 10px 0 0; /* Adds spacing above the title */
		line-height: 1.4; /* Improves readability */
		color: #f8f6f6; /* Neutral text color */
	}
	

h2.centerBoxHeading {
    text-transform: uppercase; /* Change to uppercase */
    font-size: 1.4rem; /* Increase font size */
    font-weight: 600; /* Bold for better visibility */
    text-align: center; /* Center align */
    color: #ffffff; /* Slightly darker color */
	margin-bottom: 15px;
	padding: 10px 0; /* Add padding above and below */
	}

/*sideboxes*/
.columnLeft {
    flex: 0 0 200px; /* Fixed width for the left column */
}
.mainContent {
    flex: 1; /* Take up remaining space */
    min-height: 700px; /* Prevent content from collapsing */
    overflow: hidden; /* Keep content within bounds */
}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.1em;
    line-height: 2em;
    padding-left: 40px;
	}
.leftBoxHeading, .rightBoxHeading {
	padding:.5em 0 .7em 1em;
}
.centerBoxHeading{
	margin: 0em;
	padding:1em, 1em, 1em; 1em;
	background:#000000;
}
#categoriesHeading {
    background-color: #003366; /* Black background */
    color: #FFFFFF; /* White text for contrast */
    font-size: 1.5em; /* Larger font size */
    font-weight: bold; /* Bold text */
    text-transform: uppercase; /* Capitalize all letters */
    text-align: center; /* Center the text */
    padding: 10px 0; /* Add spacing around the text */
}
#bestsellersHeading, #reviewsHeading, #informationHeading, #moreinformationHeading, 
#ezpagesHeading, #bannerboxallHeading, #specialsHeading, #languagesHeading, #whosonlineHeading, 
#productnotificationsHeading, #tellafriendHeading {
	font-size:1.1em;
	padding:.4em 0 .5em 1em;
	background-color: #01294D;
	}
#featuredHeading{font-size:1.1em;
	padding:.4em 0 .5em 0em;}
#featuredHeading a{color:white;}
#categories ul{
	padding:0;
	margin:0;
	list-style:none;
	}
/* General Styling for Category Links */
#navColumnOne li.category-top a,
#navColumnOne li.category-products a {
    display: block; /* Makes the entire list item clickable */
    font-size: 1rem; /* Uniform font size */
    text-transform: uppercase; /* All caps for consistency */
    font-weight: bold; /* Bold text */
    color: #333; /* Neutral modern text color */
    padding: 8px 15px; /* Balanced padding for spacing */
    margin-bottom: 8px; /* Adds spacing between categories */
    line-height: 1.5; /* Improved readability */
    transition: background-color 0.3s, color 0.3s; /* Smooth hover effect */
}

/* Hover Effect for Categories and Subcategories */
#navColumnOne li.category-top a:hover,
#navColumnOne li.category-products a:hover {
    background-color: #ececec; /* Light grey hover background */
    color: #000; /* Clean black text color */
    border-radius: 5px; /* Slight rounding of corners */
    text-decoration: none; /* No underline */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Selected State for Categories and Subcategories */
#navColumnOne li.category-top a.selected,
#navColumnOne li.category-products a.selected {
    background-color: #f5f5f5; /* Light grey for selected */
    color: #e74c3c; /* Modern red accent for text */
    font-weight: bold; /* Ensure bold text */
    border-left: 3px solid #e74c3c; /* Visual indicator on the left */
    padding-left: 12px; /* Adjust padding for alignment */
}

/* Subcategories Styling */
#navColumnOne li.category-products a {
    font-size: 0.9rem; /* Slightly smaller font for subcategories */
    padding-left: 20px; /* Indent subcategories for hierarchy */
    color: #666; /* Lighter text color for subcategories */
}

#navColumnOne li.category-products a:hover,
#navColumnOne li.category-products a.selected {
    background-color: #e0e0e0; /* Slightly darker background on hover */
    color: #000; /* Black text on hover */
    border-left: 3px solid #333; /* Consistent left border for subcategories */
}

	div#categoriesContent ul.category-top li {
		background-color: #cc2828 !important; /* Ensure the default background applies */
		margin: 5px 0; /* Add spacing */
		border-radius: 4px; /* Optional: Rounded corners */
	}
		
	li.category-products a{
	padding:.4em 0 0 1.5em;
	margin:0;
	color:#FFFFFF;
	display:block;
	}
li.category-products a:hover{
	color:#EEEEEE;
	}
#categoriesContent{
	padding:0;
	margin:0;
	}
#categoriesContent a{ color: black;}
#bestsellersContent {
	color:#333333;
	font-weight:bold;
	}
#informationContent a:link, #informationContent a:visited, #bestsellersContent, 
#bestsellersContent a:link, #bestsellersContent a:visited{
	color:#333333;
	font-weight:bold;
	}
#extralinks{
	padding: .5em 0 .5em 1em;
	}
.leftBoxContainer, .rightBoxContainer {
background: none;
    border-bottom: 4px solid #9A9A9A;
    border-left: 1px solid #9A9A9A;
    border-right: 1px solid #9A9A9A;
    margin: 0 0 1em;
	color: white;
	}

.sideBoxContent {
	padding: 0.4em;
	}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
	} 

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: #FFFFFF;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .gvBal, .attribImg {
	text-align: center;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1em;
	}
#bestsellers ol a {
	font-size: 0.8em
	}
#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}
.ic{
	display:none;
	}
#bannerboxHeading {
	background-color: #0000CC;
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}
#mainContent #indexProductList.centerColumn, div#ezPageDefault.centerColumn {
		padding-left: 20px;
	}	
/* categories box parent and child categories */
A.category-top, A.category-top:visited {
	color: #008000;
	text-decoration: none;
	}
A.category-links, A.category-links:visited {
	color: #333333;
	font-weight:bold;
	}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
	color: #FF0000;
	text-decoration: none;
	}
SPAN.category-subs-parent {
	font-weight: bold;
	}
SPAN.category-subs-selected {
	font-weight: bold;
	}
	/* Sub-category links styling */
li.category-subs a {
    font-size: 0.8rem; /* Adjust to your desired size */
    text-transform: uppercase; /* Make text uppercase */
    font-weight: 500; /* Slightly bold */
    color: #333; /* Dark text for visibility */
    padding: 5px 10px; /* Add vertical and horizontal spacing */
    display: block; /* Ensures full clickable area */
}

li.category-subs a:hover {
    color: #e74c3c; /* Highlight color on hover */
    text-decoration: underline; /* Optional hover effect */
}

/* end categories box links */

/*misc*/
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}
/* Category Product Listing */
/* Main Container */
/* Parent container adjustments */
/* Parent container adjustments */
/* Ensure the parent container spans full width */
/* Parent container adjustments */
/* Parent Container */
.product-wrapper {
    width: 100% !important; /* Ensures it overrides inline styles */
    display: flex; /* Allows proper grid alignment */
    flex-wrap: wrap; /* Ensures items wrap to the next row */
    justify-content: space-between; /* Spreads items evenly */
    box-sizing: border-box; /* Includes padding/borders in the width */
}
#productListing {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Even spacing without gaps */
    margin-top: 20px;
    clear: both; /* Ensures it starts below pagination */
    width: 100%;
    box-sizing: border-box;
	clear: both; /* Ensure it starts below pagination */
}

/* Pagination Fix */
/* Style the pagination container */
.pagination {
    display: flex;
    justify-content: center; /* Center the pagination */
    align-items: center;
    gap: 10px; /* Adds spacing between page numbers */
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}

/* Pagination Container Styling */
.navSplitPagesResult, .navSplitPagesLinks {
    display: flex;
    justify-content: center; /* Center align */
    align-items: center;
    gap: 8px; /* Add spacing between links */
    margin: 20px 0; /* Top and bottom margin for breathing room */
    font-size: 16px;
    font-weight: bold;
}

/* Style Page Numbers and Links */
.navSplitPagesResult a, .navSplitPagesLinks a {
    padding: 8px 12px;
    text-decoration: none; /* Remove underline */
    color: #000; /* Default link color */
    background-color: #f4f4f4; /* Light grey background */
    border: 1px solid #ddd;
    border-radius: 5px; /* Rounded edges */
    transition: all 0.3s ease;
}

/* Hover Effect */
.navSplitPagesResult a:hover, .navSplitPagesLinks a:hover {
    background-color: #000; /* Black background on hover */
    color: #fff!important; /* White text */
    border-color: #000;
}

/* Highlight Active Page */
.navSplitPagesResult .current {
    background-color: #E53935; /* Red for active page */
    color: #fff;
    border-color: #E53935;
}

.productListing-rowheading {
	background-image: url(../images/centerBoxHeadingbg.gif);
	height: 2em;
	color: #FFFFFF;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
	}

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
	}
.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
#seShipTo {
	padding: 0.2em;
	}

/***IMAGE HANDLER SUPPORT ***/

#trailimageid {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 220px;
  height: 0px;
  z-index: 1000;
}

#trailimageid div {
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #888;
  text-align: center;
}

#trailimageid h1 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 2px 0px;
  text-align: left;
  width: 100%;
}

#trailimageid img {
  margin: 2px;
  border: none;
}
#navColumnOneWrapper{
}
#navColumnOneWrapper a{
}
#productsInfo{background: url("../images/order-area-top1.jpg") no-repeat scroll left top transparent;
    float: left;
    width: 368px;}
#bgBox{
	margin-top: 16px;
	padding-left: 10px;
	border-top-width: medium;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #A1A1A1;
	border-bottom-color: #A1A1A1;
	border-left-color: #A1A1A1;
}
#productAttributes{background: url("../images/liness.jpeg") no-repeat scroll left bottom transparent;
    margin-top: 5px;
    padding-bottom: 5px;}
	
#productDescription{margin: 0 auto;border: 1px solid #DDDDDD; padding: 15px;margin-top: 10px;font-size: 1.1em;}
#productDescription a{font-size: 0.9em;}
#productMainImage{
    height: 300px;
    margin: 0 0 10px;
    position: relative;
    width: 300px;
    z-index: 9;}
#whatsnewHeading, #manufacturersHeading, #currenciesHeading, #musicgenresHeading, 
	#recordcompaniesHeading, #searchHeading, #search-headerHeading, #shoppingcartHeading {
		font-size:1.1em;
		padding:.4em 0 .5em 1em;
		}	
#whatsnewHeading{
		font-size: 1.1em;}	
#whatsnew{color:black}
#whatsnew a{color:black}
#whatsnew h3 a{color:white}
.centerBoxContentsProducts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adds uniform spacing */
    justify-content: flex-start; /* Align items to the left */
    box-sizing: border-box;
    padding: 0 10px; /* Optional: Add padding for clean layout */
}

.img .button_sold_out_sm{
	bottom:0px;
	left:50px;
	height:20px !important;
	line-height:20px !important;
}
.jscroller2_up img{height:63px;width:63px;}
#categoryImgListing{float: left;}
.categoryListBoxContents a{font-size :13px;}
.headerdiv{
	width:100%;
	background-color:#000000;
}
/* Ensure product images are consistent in size and cropped for desktop */
.categoryListBoxContents img {
    max-width: 18px; /* Sets maximum icon width */
    height: auto; /* Maintains aspect ratio */
    display: inline-block; /* Align icons horizontally */
    margin: 2px; /* Small spacing between icons */
}
.categoryListBoxContents {
    display: flex;
    flex-wrap: wrap; /* Wrap the grid nicely */
    align-items: center; /* Align images vertically */
    justify-content: center; /* Center-align horizontally */
    gap: 4px; /* Add consistent spacing */
}
.product-col_1 {
    display: flex;              /* Flex layout */
    flex-direction: column;     /* Stack children vertically */
    align-items: center;        /* Center align horizontally */
    text-align: center;         /* Center text alignment */
    justify-content: flex-start; /* Align to the top */
    gap: 10px;                  /* Spacing between image, title, and price */
    margin: 0 10px;             /* Optional: Add margin for spacing */
}

.product-col_1 img {
    width: 100%;                /* Ensure the image fills container */
    max-width: 250px;           /* Adjust to your image container size */
    object-fit: contain;        /* Prevent image distortion */
}

/* Smaller screens (Mobile or Tablet) */
@media (max-width: 768px) {
    .categoryListBoxContents img, .centerBoxContents img {
        width: 150px;
        height: 150px;
    }
}

#navEZPagesTop{background-color: #0871D0;}
ul.menu {
    display: flex; /* Ensures all li items are evenly spaced */
    justify-content: space-around; /* Distributes items evenly */
    margin: 0; /* Remove default margins */
    padding: 0; /* Remove default padding */
    list-style-type: none; /* Remove bullets */
    background-color: #0871D0; /* Default background color */
}

ul.menu li {
    flex: 1; /* Each li takes up an equal portion of the width */
    text-align: center; /* Centers the text within each li */
}

ul.menu li a {
    display: block; /* Ensures the a tag fills the entire li */
    padding: 15px 0; /* Add padding for more breathing room */
    color: #FFFFFF; /* Text color */
    text-decoration: none; /* Remove underline */
    text-transform: uppercase; /* Capitalize text */
    background-color: #0871D0; /* Match parent background */
    transition: background-color 0.3s ease; /* Smooth hover transition */
}

ul.menu li:hover {
    background-color: #005BB5; /* Darker blue hover color */
}

ul.menu li a:hover {
    color: #FFFFFF; /* Keep text color consistent on hover */
    text-decoration: none; /* Avoid underline */
}

#allimages{width: 350px; float: left;}
#productAdditionalImages a {
    border: 1px solid #DDDDDD;
    float: left;
    overflow: hidden;
    vertical-align: middle;
	margin-bottom: 7px;
	padding: 0;
	width:66px;
	height:66px;
}
#productAdditionalImages img {
    vertical-align: middle;
}
/* Parent Grid for Product Boxes */
.all_listing, .featured_listing, .new_listing {
    display: flex;
    flex-wrap: wrap; /* Wrap items to the next row */
    justify-content: flex-start; /* Align items to the left */
    gap: 20px; /* Even spacing between items */
    margin-bottom: 20px; /* Space below the grid */
    padding: 0; /* Reset any extra padding */
}

/* Individual Product Box */
.centerBoxContentsNew {
    flex: 0 1 calc(30% - 20px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px; /* Reduced space below the product box */
}

/* Image Styling */
.centerBoxContentsNew img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0px; /* Space below image */
}

/* Product Title Styling */
.centerBoxContentsNew .proname, .prod-info .name {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0px 0; /* Vertical spacing */
}

/* Price Styling */
.centerBoxContentsNew .proprice {
    font-size: 18px; 
    font-weight: bold;
    color: #E53935;
    margin: 3px 0 8px; /* Tightened space around the price */
}
div.centerBoxContentsProducts div.prod-info div.price {
    font-size: 18px !important;
    font-weight: bold;
    color: #E53935 !important;
    margin: 3px 0 8px !important;
}
#topBarWrap {
    background-color: #2A2A2A; /* Keeps the dark background */
    color: #F5F5F5; /* Slightly off-white for readability */
    font-size: 1.2rem; /* Increases font size */
    text-align: center; /* Centers the text horizontally */
    font-weight: 500; /* Medium font weight for better visibility */
	display: flex; /* Flexbox for better alignment */
    justify-content: space-between; /* Space between elements */
    align-items: center; /* Vertically center align items */
    padding: 5px 15px; /* Adjust padding to save space */
}

#topBar a {
    color: #F5F5F5; /* Match text color for links */
    text-decoration: none; /* Remove underline */
    margin: 0 10px; /* Adds spacing between links */
    transition: color 0.3s ease; /* Smooth transition effect for hover */
	font-size: 1rem; /* Ensure consistent text size */
    white-space: nowrap; /* Prevent text wrapping */
}

#topBar a:hover {
    color: #FFD700; /* Gold color on hover for better interactivity */
}
#topBar img {
    max-height: 20px; /* Scale flag icons appropriately */
    margin: 0 5px; /* Reduce space between flags */
}
#productPageBanner img {
    display: block;
    width: 100%;
    max-height: 100px; /* Enforce the narrow height */
    object-fit: cover; /* Ensure the image covers the area properly */
}

#productPageBanner {
    margin: 0 auto;
    padding: 0;
    overflow: hidden; /* Hides any extra spacing */
}
/* Product Page Container - Flexbox Fix */
.product-page-container {
    margin-top: 30px;
	min-height: 500px;
	display: flex;
    flex-wrap: wrap; /* Prevent overflow by wrapping content */
    gap: 30px; /* Add spacing between blocks */
}
.product-page-container::after {
    content: ""; /* Clearfix */
    display: table;
    clear: both;
}


/* Product Image Section */
.product-page-left {
    position: relative; /* Ensure positioning context */
    max-width: 450px; /* Optional: Adjust max-width as per layout */
    margin: 0 auto; /* Center the image horizontally */
    flex-shrink: 0; /* Prevent it from shrinking */
}

.product-page-left img {
    max-height: 700px; /* Set the appropriate max height */
    object-fit: contain; /* Contain within the box */
    display: block; /* Remove unwanted whitespace */
    margin: 0 auto; /* Center within the container */
}

/* Product Details Section */
.product-page-right {
    flex: 1; /* Allow equal space */
	min-width: 300px; /* Minimum width to prevent collapsing */
    max-width: 50%; /* Limit to half the container */
    padding-left: 20px; /* Add a bit of padding */
    font-family: 'Roboto', sans-serif;
    line-height: 1.4;
    color: #333;
}
.product-page-right,
#contentMainWrapper,
.centerColumn {
    box-sizing: border-box; /* Includes padding in the width */
}

/* Product Title */
.product-title {
    font-size: 2.3rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
}

/* Product Price */
.product-price {
    font-size: 1.8rem;
    font-weight: 600;
    color: #e74c3c;
    margin-bottom: 15px;
}

/* Product Options */
.product-options {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.product-options label {
    font-size: 1.2rem;
    font-weight: 500;
    color: #555;
    margin-bottom: 5px;
}

.product-options input[type="text"],
.product-options select {
    width: 100%;
    max-width: 250px; /* Fixed width for inputs */
    padding: 8px;
    font-size: 1.1rem;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.product-options .price-addon {
    font-size: 1.2rem;
    color: #666;
    margin-left: 5px;
    white-space: nowrap;
}

/* Checkbox Section */
.remark-container {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.remark-container input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.remark-container label {
    font-size: 1.2rem;
    color: #555;
}

/* Add to Cart Button */
.addtocart-btn {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    font-size: 1.2rem;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    margin-top: 10px;
	margin-bottom: 30px; /* Add space below the button */
    transition: background-color 0.3s ease;
}

.addtocart-btn:hover {
    background-color: #333;
}
/* Footer */
.payment-logos {
    display: flex; /* Use Flexbox for alignment */
    justify-content: center; /* Align logos horizontally in the center */
    align-items: center; /* Align logos vertically */
    gap: 20px; /* Add spacing between logos */
}
div.payment-logos img {
    width: 40px !important;
    height: auto !important;
    margin: 5px 15px;
	display: block; /* Prevent inline space issues */
}
.footer-top {
    padding: 20px 0;
}
/* New Module for Collections */
.chosen-collections {
    grid-column: 1 / -1; /* Make it span full width */
    margin: 40px 0; /* Vertical spacing */
    text-align: center;
    background-color: #000; /* Optional black background */
    color: white;
    padding: 20px 0;
}

.chosen-collections h2 {
    margin-bottom: 15px;
    font-size: 1.8rem;
    text-transform: uppercase;
}
/* Main League Selection Block */
#leagueSelection {
    background-color: #0871D0;
    padding: 20px;
    margin: 0 auto;
    overflow-x: auto; /* Allow horizontal scrolling for wide content */
    overflow-y: hidden; /* Prevent vertical scrolling */
    white-space: nowrap; /* Prevent items from wrapping */
}

/* Header for the League Section */
.league-selection-header {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #ffffff;
}

/* Carousel Container */
.league-carousel-container {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

/* Individual League Items */
.league-item {
    display: inline-block; /* Align horizontally */
    text-align: center;
    min-width: 100px; /* Optional: Ensures uniform sizing */
}

/* League Images */
.league-item img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    max-width: 100%;
	border-radius: 50%;
}

/* League Name Text */
.league-item .league-name {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
/* General Checkout Layout for Fieldsets */
/* Ensure Styles Apply to Both Payment and Shipping Pages */
.checkout-page-wrapper .buttonRow.forward button {
    padding: 10px 20px;
    background-color: #28a745; /* Green button for clarity */
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.checkout-page-wrapper .buttonRow.forward button:hover {
    background-color: #218838;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Change Address Button */
.checkout-page-wrapper .changeAddressButton {
    display: inline-block;
    padding: 10px 15px;
    background-color: #007bff; /* Blue button for "Change Address" */
    color: #ffffff!important;
    border: none;
    border-radius: 5px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
    text-decoration: none; /* Remove underline for links */
}

.checkout-page-wrapper .changeAddressButton:hover {
    background-color: #0056b3;
}

/* Styling for &lt;p&gt; blocks in both shipping and payment pages */
.checkout-page-wrapper p {
    font-size: 1.5em;
}

/* Promo Code Button (Specific to Payment Page) */
#checkoutPayment #validatePromo {
    padding: 10px 15px;
    font-size: 1rem;
    background-color: #007bff; /* Blue button for promo validation */
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-left: 10px;
}

#checkoutPayment #validatePromo:hover {
    background-color: #0056b3;
}

/* Payment Method Section */
#checkoutPayment #paymentMethod label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    width: 150px;
    height: 150px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#checkoutPayment #paymentMethod label:hover {
    transform: scale(1.05);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Payment Logos */
#checkoutPayment #paymentMethod label img {
    max-width: 80%; /* Scales the logo appropriately */
    max-height: 50px; /* Uniform size for all payment method images */
    object-fit: contain;
    margin-bottom: 10px;
}

/* General Padding and Text Updates for Both Pages */
.checkout-page-wrapper {
    padding: 20px 30px; /* Left and right padding for better spacing */
}

.checkout-page-wrapper fieldset {
    margin-bottom: 10px; /* Adds spacing between sections */
}

.checkout-page-wrapper fieldset legend {
    font-size: 1.2rem; /* Slightly smaller than the main headline */
    font-weight: bold;
}
/* Styling for Shipping Method Heading */
#checkoutShippingHeadingMethod {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Additional Styling for Class, if Needed */
.shipping-method-heading {
    color: #333;
    text-transform: uppercase;
}
</pre></body></html>