body{font-size:76.1%;text-align:left;line-Height:1.3em;margin:2em 0;}


 /* Container for all boxes */
        .boxes-container {
            display: flex;
            flex-direction: row;
            gap: 10px; /* Space between boxes */
            flex-wrap: wrap; /* Allows wrapping to next line on smaller screens */
        }

        /* Box wrapper - contains both header and content */
        .box-wrapper {
            width: 15%; /* Width of each box group */
            margin-bottom: 20px;
        }

/* Blue top section */
.module-box6-header {
    width: 90%;
    min-height: 20px;          /* was: height: 20px — now it can grow */
    background-color: #4286cb; /* Blue color */

    color: #fff;
    font: bold 1em/1.4em Tahoma, Arial, Helvetica, sans-serif;
    padding: 4px 8px;          /* breathing room when it wraps */
    box-sizing: border-box;    /* keeps width: 90% accurate with padding */

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    white-space: normal;       /* allow wrapping instead of clipping */
    overflow-wrap: break-word; /* break a single long word if needed */

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


        

        /* Main grey box */
        .module-box6 {
            position: relative;
            padding: 10px; /* space around text in grey box */
            background-color: #f1f1f1; /* Grey area */
            border: 1px solid #ccc;
            border-top: none; /* Removes the top border */
            min-height: 50px; /* Expands as needed */
            box-sizing: border-box;
            width: 90%; /* Full width of its wrapper */
            overflow: hidden;
            border-radius: 0 0 10px 10px; /* Keeps only bottom corners rounded */
            font:  Tahoma, Arial, Helvetica, sans-serif; 
        }

        /* Content section */
        .module-box-content6 {
            padding-top: 5px; /* Ensures good spacing */
        }





/* Blue top section */
.module-box5-header {
    width: 100%;
    height: 20px;
    background-color: #4286cb; /* Blue color */
    color: #fff;
   font:  1em/1.9em Verdana, Arial, Helvetica, sans-serif; 
	
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Main grey box */
.module-box5 {
    position: relative;
    padding: 20px;
    background-color: #f1f1f1; /* Grey area */
    border: 1px solid #ccc;
    border-top: none; /* Removes the top border */
    min-height: 50px; /* Expands as needed */
    box-sizing: border-box;
    width: 100%; /* Responsive width */
    overflow: hidden;
    border-radius: 0 0 10px 10px; /* Keeps only bottom corners rounded */
}


/* Content section */
.module-box-content5 {
    padding-top: 5px; /* Ensures good spacing */
}


 
#wrap-inner{text-align:left;position:relative;}
#header{
	position:relative;
	width:100%;
	background-color: #006699;
	visibility: visible;
}
.access{width:auto;Height:21px;position:absolute;right:0;top:-1.7em;}
#access_buttons{width:103px;Height:21px;white-space:nowrap;margin-left:7px;}
#access_buttons a{width:21px;Height:21px;white-space:nowrap;text-decoration:none;}
#header h1{position:relative;top:5px;left:10px;margin:0;padding:0;}
#header h1 a{display:block;text-indent:-5000px;text-decoration:none;}

.bottomAlign {  vertical-align: baseline;  } 

.tvlogo
{ 

background-image:url("images/tvlogo3.gif");
  background-repeat:no-repeat;
  Height:15px;
 
}


.top{
	text-align:left;
	position:relative;
	 
}
.user1{
	position:absolute;
	text-align:left;
	font-size:90%;
	line-Height:1em;
	Height: 57px;
}
.user1 .moduletable{overflow:hidden;}
.user1 p{margin:0.5em 0;padding:0;}
.user2{position:absolute;overflow:hidden;}
#main-body{clear:both;float:left;width:80%; padding-bottom:10px;background:#fff;}
#content{float:right;width:75%;}
#sidebar{float:left;width:24.5%;}
#sidebar-2{float:right;width:19.25%;position:relative;}
#sidebar .inside{padding:10px 4px 10px 10px;}
#sidebar-2 .inside{padding:10px 10px 10px 4px;}
#content .inside{padding:10px 4px;}
.insidexboxpadding{padding:0 10px 10px;}
#footer{clear:both;padding:0;}
.clear{clear:both;Height:10px!important;line-Height:0px;}


.user4split2
{
	float:left;width:32%;padding:10px 10px 10px 0px;
}


/* used on cartdash 20/6/24 */
.user4splithalf
{
	float:left;width:49%;padding:10px 10px 10px 0px;
}




/* used on myaccount settings dash  1/10/23 */
.split
{
	float:left;width:45%;padding:10px 10px 10px 0px;
}
.user4split3,.user6split2{float:left;width:49%;}
.user5split3,.user7split2{float:right;width:49%;}



.user6,.user7{padding-top:10px;}
.module-box{background:url(boxright.png) top right no-repeat;position:relative;margin:0 0 1em;padding:0;}

#pby {position:absolute;top:-26px;right:1170px;color:white}

#content .module-box{margin:0; }
#content .module-box h3{padding-right:12px;}
.module-box h3{position:absolute;top:0;left:0;width:100%;margin:0;padding:0.1em 0 0 !important;}
.module-box div{background:url(boxleftnew.png) top left no-repeat;margin:0;padding:2em 0 0;}
.module-box div div{background:url(boxleftnew.png) bottom left no-repeat;margin:0;padding:0 0 0 12px;}
.module-box div div div{background:url(boxright.png) bottom right no-repeat;Height:1%;padding:5px 12px 12px 0;}
td.buttonheading{width:auto;padding-right:2px;}
div.mosimage{margin:5px;}
.designertoo{display:none;}
ul ol{margin-left:15px;}

/* #content ul,#content ol{margin-left:20px;} alex changed as star rating not left*/


p{margin:1em 0;}
#sidebar p,#sidebar-2 p{margin-bottom:0;}
table.contenttoc{margin:5px;padding:5px;}
table.contenttoc td{padding:0 5px;}
.xtop,.xbottom{display:block;background:transparent;font-size:1px;}
.xb1,.xb2,.xb3,.xb4{display:block;overflow:hidden;}
.xb1,.xb2,.xb3{Height:1px;}
.xb2,.xb3,.xb4{background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.xb1{background:#ccc;margin:0 5px;}
.xb2{border-width:0 2px;margin:0 3px;}
.xb3{margin:0 2px;}
.xb4{Height:2px;margin:0 1px;}


.roundbox{display:block;background:#fff;border:0 solid #ccc;border-width:0 1px;}

*,.top h1,.top h2,.top h3,.top p,.user1 h3,.user4 p,.user5 p,.user6 p,user7 p,.user4split2 p,

.user4split2 p,.user5split2 p,


.split p,

.module-box p{margin:0;padding:0;}

#navbarContainer{position:relative;width:100%; margin-right:-15px;}
#navbar{padding:10px 0 6px;}
#navbar ul{cursor:default;LIST-STYLE:none;display:inline;margin:0 0 0 1.1em;padding:0;}
#navbar ul li{LIST-STYLE:none;display:inline;}
#navbar ul li a{border:0;margin:0 1px;padding:4px 10px;}
#navbar ul li a:hover,#navbar ul li a:focus{border-style:solid;border-width:1px;padding:3px 9px;}
#navbar ul li a:active,#navbar ul li.mainlevel_current a,#navbar ul li.mainlevel_current a:active,#navbar ul li.mainlevel_current a:hover,#navbar ul li.mainlevel_current a:focus{border-style:solid;border-width:1px;padding:3px 8px 3px 10px;}



/* Inset, by Dan Eden */

hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


a.foo, a.foo:link, a.foo:visited, a.foo:hover, a.foo:focus, a.foo:link{
  color:white;
}