@charset "utf-8";
/* CSS Document */
/*
@media screen and (orientation:landscape) and (max-width:860px),
// *******************************
// **********Mobile View**********
// *******************************
//For anything:
     under 660px w
  or under 860px w in landscape
  or under 833px w portrait
  (With exception for 834px w, for iPad)
  or between 835px w and 860px w (inclusive)
  Also include 834px width, where height is < 1086px to omit iPad Pro (height 1087px) as unlikely that desktop page will have height over 1086px
  Test for ipad seems to be 834/1280 (w) and 1087 (h)?
  Show Mobile View

*/
@media screen and (max-width:660px), (orientation:landscape) and (max-width:860px), (orientation:portrait) and (max-width:833px), (orientation:portrait) and (min-width:834px) and (max-width:860px), (min-width:834px) and (max-width:834px) and (max-height:1086px) {

    /*Test for media queries*/
    #mob{
        display:block;
    }
    #desk{
        display:none;
    }
    .mobOnly{
        display: inline;
    }
    .deskOnly{
        display:none;
    }
    #neither{
        display:none;
    }
    button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .addBasketText{
        color:#000;
        line-height:1.2em;
        font-weight:normal;
    }
    .addDrawText {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #900;
        text-align: center;
        border:solid 2px #568093;
        border-radius:5px;
        background-color:#E3E9EC;
        cursor: pointer;
        float: left;
        height: 80px;
        width: 130px;
        margin-left:10px;
        margin-top:20px;
        padding-top: 6px;
        line-height:0.9em;
    }
    .addDrawTextSearch {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #900;
        text-align: center;
        border:solid 2px #568093;
        border-radius:7px;
        background-color:#E3E9EC;
        cursor: pointer;
        float: left;
        height: 87px;
        width: 187px;
        margin-top: 4px;
        margin-right: 42px;
        margin-left: 46px;
        padding-top: 4px;
    }
    .addDrawTextDrawingBox {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #900;
        text-align: center;
        border:solid 2px #568093;
        border-radius:5px;
        background-color:#E3E9EC;
        cursor: pointer;
        float: right;
        height: 100px;
        width: 140px;
        margin-left:10px;
        margin-top:5px;
        padding-top: 10px;
        line-height:1.3em;
    }
    /* Deprecated */
    .addDrawTextMobile {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #900;
        border:solid 2px #568093;
        border-radius:5px;
        background-color:#E3E9EC;
        text-align: center;
        cursor: pointer;
        float: left;
        height: 60px;
        width: 130px;
        margin-top: 20px;
        margin-right: 27px;
        margin-left: 25px;
        padding-top: 5px;
        line-height:0.9em;
    }
    .addSpecButton{
        width:300px;
    }
    .appHeadingCategory {
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        text-align: left;
        padding-bottom: 3px;
        padding-top:2px;
        padding-left:10px;
        background-color:#3E8AAE;
        font-size: 20px;
        font-weight: bold;
        color:#FFF;
        width: 97.5%;
        margin-top: 1px;
        margin-bottom: 2px;
    }
    .appHeadingNoteList {
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        text-align: left;
        padding-bottom: 3px;
        padding-top: 2px;
        padding-left: 10px;
        font-size: 22px;
        font-weight: bold;
        color: #FFF;
        width: 98%;
        margin-top:1px;
        margin-bottom: 2px;
        margin-left: 2px;
        background-color: #3E8AAE;
    }
    .appHeadingSubCategory {
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        text-align: left;
        padding-bottom: 3px;
        padding-top:2px;
        padding-left:10px;
        background-color:#3E8AAE;
        font-size: 20px;
        font-weight: bold;
        color:#FFF;
        width: 98%;
        margin-top:1px;
        margin-bottom:4px;
    }
    .appIcon {
        float:left;
        width:100%;
        height:60px;
        margin-top:5px;
        text-align:center;

    }
    .appLinkContainer {
        width:60px;
        float:left;
    }
    .appLinkDiv {
        font-size:16px;
        padding-top: 6px;
        width: 70px;
        float: left;
        text-align: center;
    }
    .appLinkDivSingle {
        padding-top: 10px;
        width: 70px;
        float: left;
        text-align: center;
    }
    .appLinkDivWide {
        font-size:16px;
        padding-top: 6px;
        width: 24px;
        float: left;
        text-align: center;
    }
    .appLinkPlain {
        color: #000;
        text-decoration: none;
        font-size: 11px;
    }
    .appLinkPlain:hover {
        text-decoration: underline;
    }
    .appNewLink {
        float: left;
        width: 181px;
        height: 113px;
        border: solid 1px #000;
        background-color:#6697AE;
    }
    .appNewLinkShade {
        float: left;
        width: 181px;
        height: 113px;
        border: solid 1px #000;
        background-color:#71A7C1;
    }
    .appNewText{
        color:#FFF;
    }
    .appPreTextLink {
        float: left;
        width: 121px;
        height: 60px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #999;
        border-bottom-color: #999;
        border-left-color: #999;
        background-color:#FFF;
    }
    .appPreTextLinkShade {
        float: left;
        width: 121px;
        height: 60px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #999;
        border-bottom-color: #999;
        border-left-color: #999;
        background-color:#F0F0F0;
    }
    .appText {
        float: left;
        padding-top:6px;
        font-size: 19px;
        font-weight: bold;
        text-align: center;
        width: 100%;
        color:#FFF;
    }
    .appTextLink {
        float: left;
        width: 121px;
        height: 70px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #999;
        border-bottom-color: #999;
        border-left-color: #999;
        background-color:#FFF;
    }
    .appWideIcon {
        float:left;
        width:45px;
        height:60px;
        margin-top:5px;
        margin-left:60px;
    }
    .appWideText {
        float: left;
        padding-top:6px;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        width: 240px;
    }
    .appWideTextPre {
        float: left;
        padding-top:3px;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        width: 240px;
    }
    .appWideTextLink {
        float: left;
        width: 243px;
        height: 70px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #999;
        border-bottom-color: #999;
        border-left-color: #999;
        background-color:#6697AE;
        text-align:center;
    }
    .appWideTextLinkCommercial {
        float: left;
        width: 243px;
        height: 70px;
        border:solid 1px #666;
        background-color:#ea9b4d;
        text-align:center;
    }
    .appWideTextLinkPre {
        float: left;
        width: 243px;
        height: 60px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #999;
        border-bottom-color: #999;
        border-left-color: #999;
        background-color:#6697AE;
        text-align:center;
    }

    .arcSeparator{
        clear:both;
        height:45px;
    }
    .new_basket_chk_btn{
		float:right;
		margin: 20px 40px 20px;
		width:150px;
		height:31px;
		padding-top:8px;
		padding-left:2px;
		background-image:linear-gradient(to right, rgba(250,60,10), rgba(250,140,10));
		border:solid 1px #333;
		border-radius:10px;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		cursor:pointer;
		text-align: center;
	}
    .new_basket_details {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
    }
    .new_basket_head {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        text-align: center;
    }
    .new_basket_price {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #555;
        text-align: center;
    }
    .new_basket_total{
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        font-weight: bold;
        height:30px;
        color: #900;
        text-align: right;
        padding:10px 20px 10px;
        border-top:solid 1px #000;
        border-bottom:solid 1px #000;
    }
    .new_basket_remove {
        color: #006;
        text-decoration: underline;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        padding-top:5px;
        font-weight: normal;
        text-align: center;
        cursor: pointer;
    }
    .new_basket_signup{
        padding:7px 15px 7px 15px;
        text-align:center;
        margin-bottom: 20px;
        background-color: #FAA;
        font-size:19px;
        color: #FFF;
        border:solid 1px #999;
    }
    .b_r_filter_outer{
        display:block;
        min-width:630px;
        margin-left:auto;
        margin-right:auto;
        background-color:#FFF;
    }
    .b_r_filter_middle{
        float: left;
        width:98%;
        padding-left: 0px;
        padding-right: 8px;
        padding-top:5px;
        margin-top: 3px;
        border: 1px solid #CCC;
    }
    .b_r_filter_inner{
        float: left;
        box-shadow:1px 1px 8px silver;
        border-radius:10px;
        padding:10px 4px 10px 5px;
        background-color:#F8F8F8;
        width:calc(100%);
    }
    .b_r_filter_centre{
        float:left;
        width:100%;
    }
    .br_filter_panel{
        float:left;
        width: 99%;
    }
    .br_filter_header{
        clear:both;
        cursor:pointer;
        padding: 5px 0px 5px 0px;
        border: solid 2px #AAA;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 26px;
        color: #009;
        text-align: center;
        font-weight: bold;
    }
    .br_filter_proj_instruct{
        float:left;
        width:100%;
        height:23px;
        margin-top:20px;
        margin-bottom:25px;
        font-size:24px;
        color:#B00;
        text-align:center;
    }
    .br_filter_proj_list{
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 26px;
        font-weight: normal;
        color: #484848;
        line-height: 1.8em;
        margin-top: 12px;
        margin-bottom: 12px;
        list-style: none;
        clear:both;
    }
    .br_filter_proj_name{
        float:left;
        width:75%;
        text-align: right;
        padding-top:10px;
        margin-left:-50px;
    }
    .br_filter_proj_radio{
        float: left;
        width:15%;
        text-align: left;
        padding-top:14px;
        padding-left:10%;
        font-size: 40px;
    }
    .br_filter_radio{
        width:30px;
        height:30px;
    }
    .br_filter_subcat_header{
        clear:both;
        cursor:pointer;
        padding: 5px 0px 5px 0px;
        border: solid 2px #AAA;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 26px;
        color: #009;
        text-align: center;
        font-weight: bold;
        margin-top:30px;
    }
    .br_filter_section_header{
        float:left;
        width: 99%;
        min-height: 50px;
    }
    .br_filter_section_header_inner{
        padding: 5px 0px 5px 0px;
        border: solid 2px #AAA;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 26px;
        color: #009;
        text-align: center;
        font-weight: bold;
        width: 99%;
    }
    .br_filter_filter_name{
        float:left;
        width:55%;
        text-align: right;
        padding-top:10px;
        padding-left:-20px;
    }
    .br_filter_filter_chk{
        float: left;
        width:25%;
        text-align: left;
        padding-top:20px;
        padding-left:10%;
        font-size: 40px;
    }
    .br_filter_details_section{
        float:left;
        margin-top: 10px;
        width: 99%;
        background-color: #F8F8F8;
    }
    .br_filter_thumbnail{
        float:left;
        width:280px;
        margin-left:calc((100% - 560px)/3);
        margin-top:5px;
        border: solid 2px #6697AE;
        height:451px;
        background-color:#FAFAFA;
    }
    .br_filter_thumb_image{
        cursor:pointer;
        width:280px;
        height:238px
    }
    .br_filter_descr_div{
        float:left;
        width:274px;
        height:104px;
        font-size:22px;
        padding-top:3px;
        padding-left:3px;
        padding-right:3px;
        text-align: center;
    }
    .br_filter_add_basket{
        padding-top: 1px;
        color:#000;
        font-size:23px;
        line-height:1.4em;
    }
    .br_filter_drawing_type{
        font-size:17px;
        color:#00A;
    }
    #categoryColumn{
        width:47%;
    }
    #centrePanelNew {
        float: left;
        width:98%;
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 2px;
        border: 1px solid #CCC;
    }
    .checkoutButtonNew{
        height: 40px;
	    width: 170px;
	    margin-top: 8px;
    }
    .checkoutButtonText{
        text-align: center;
        width:170px;
        height:38px;
        padding-top:10px;
        background-image: linear-gradient(to right, rgba(250,60,10), rgba(250,140,10));
        border:solid 1px #333;
        border-radius:10px;
        color:#FFF;
        font-size:20px;
        font-weight:bold;
        cursor:pointer;
    }
    .checkoutHeading{
        text-align:left;
        width:97%;
        float:left;
        font-size:24px;
        font-weight:bold;
        margin:15px 0px 2px 5px;
    }
    .checkoutImportantText{
        clear:both;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        color: #484848;
        text-align: center;
        font-weight: bold;
        margin:7px 0px 0px 10px;
        height:27px;
    }
    .checkoutInfoText{
        clear:both;
        font-family: Tahoma, Geneva, sans-serif;
        font-size:18px;
        color: #393;
        text-align: justify;
        font-weight: bold;
        margin:10px 0px 0px 10px;
        height:30px;
    }
    .checkoutInner{
        width:90%;
        font-size:20px;
        line-height:2em;
        text-align:center;
        margin:10px auto 10px auto;
        padding:0px 10px 0px 10px;
        background-color:#FFF;
        border:solid 2px #6697AE;
        box-shadow:1px 1px 10px #88BBCC;
    }
    .checkoutInnerLarge{
        width:94%;
        font-size:20px;
        line-height:2em;
        text-align:center;
        margin:10px auto 10px auto;
        padding:0px 5px 0px 5px;
        background-color:#FFF;
        border:solid 2px #6697AE;
        box-shadow:1px 1px 10px #88BBCC;
    }
    .checkoutMiddle{
        padding:10px 0px 10px 0px;
        border:solid 1px #CCC;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
        display:block;
        width:100%;
        background-color:#FFF;
    }
    .checkoutPaymentInfo{
        clear:both;
        width:100%;
        height:30px;
        padding:6px 0px 6px 0px;
        text-align:center;
        font-size:19px;
        font-weight:bold;
        color:#393;
    }
    .choose {
        font-size: 18px;
        list-style-type: none;
        cursor: pointer;
        text-align: left;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #999;
        line-height: 2.4em;
        height: 44px;
    }
    #comment {
        font-style: italic;
        font-size: 18px;
        color: #F00;
        padding: 3px 3px 5px 8px;
	    text-align: left;
	    line-height: 1.5em;
    }
    .commercialCatLeft{
        float:left;
        width:16%;
    }
    .commercialCatRight{
        float:left;
        width:84%;
    }
    .commercialTextLink{
        color: #fccf9a;
        text-decoration: none;
        cursor: pointer;
    }
    .commercialTextLink:hover{
        color:#FFF;
        text-decoration: underline;
    }
    .commercialTextLinkNest{
        color: #ffece0;
        text-decoration: none;
        cursor: pointer;
    }
    .commercialTextLinkNest:hover{
        color:#FFF;
        text-decoration: underline;
    }
    .descriptionText{
        font-size:18px;
        color:#00A;
    }
    #desktop_2022{
        display:none;
    }
    .detlsDivNew {
        width: 380px;
        height: 230px;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align:center;
    }
    .detlsDivMobile {
        float: left;
        margin-left:40px;
        width: 250px;
        height: 170px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    #detailsMenu{
        display:none;
    }
    .drawDetlsDiv {
        float: left;
        margin-left: 1.2%;
        width: 179px;
        height: 330px;
    }
    /* Deprecated */
    .drawDetlsDivMobile {
        float: left;
        margin-left: 15px;
        width: 183px;
        height: 276px;
    }
    .drawDetailsHeading{
        margin-left:10px;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 19px;
        color: #484848;
        text-align: left;
        font-weight: bold;
    }
    /* Deprecated */
    .drawDetailsHeadingMobile{
        margin-left:10px;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 19px;
        color: #484848;
        text-align: left;
        font-weight: bold;
    }
    .drawingsMenuText
    {
        text-decoration:none;
        color:#FFF;
    }
    .drawingsMenuText:Hover
    {
        text-decoration:underline;
        color:#F00;
    }
    .drawLinkDiv{
        font-size:22px;
        padding-top: 12px;
        padding-bottom: 12px;
        float: left;
        width: 99%;
    }
    .drawingsMenuDiv
    {
        background-image: url(../images/navbar/navbar_BG_tall_round.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        float: left;
        margin:0px 4px 0px 4px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .drawingsMenuDiv:Hover
    {
        background-image: url(../images/navbar/navbar_BG_tall_round_hover.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        float: left;
        margin:0px 6px 0px 6px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* Deprecated */
    .drawingsMenuDivMobile
    {
        margin-left: 1px;
        background-image: url(../images/navbar/navbar_BG_tall_round.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    /* Deprecated */
    .drawingsMenuDivMobile:Hover
    {
        margin-left: 1px;
        background-image: url(../images/navbar/navbar_BG_tall_round_hover.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .drawingsInner{
        display:inline-block;
        margin-left:auto;
        margin-right:auto;
    }
    .drawingsOuter{
        width:100%;
        text-align:center;
    }
    .drawSpace1 {
        float: left;
        margin-top: 20px;
        margin-left:10px;
    }
    .drawSpace2 {
        float: left;
        margin-top: 20px;
        margin-left:10px;
    }
    /* Deprecated */
    .drawSpace1Mobile {
        float: left;
        margin-top: 20px;
        margin-left:10px;
    }
    /* Deprecated */
    .drawSpace2Mobile {
        float: left;
        margin-top: 20px;
        margin-left:10px;
    }
    #end_note{
        display:none;
    }
    #footer{
        display:none;
        width:640px;
    }
    #footer_mobile{
        display:block;
    }
    .greenBullets {
        list-style-image: url(../images/li_BG.png);
        padding-left: 25px;
        line-height: 2.4em;
    }
    .guidanceHeading1 {
        font-size: 22px;
        color: #333;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    .guidanceHeading2 {
        font-size: 20px;
        color: #444;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    .guidanceHeading2a {
        font-size: 20px;
        color: #555;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    .guidanceHeading3 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 19px;
        color: #666;
        text-align: justify;
        font-weight: bold;
        text-decoration: none;
    }
    .guidanceHeading4 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        color: #777;
        text-align: justify;
        font-weight: bold;
        text-decoration: none;
    }
    /* Deprecated */
    .guidanceHeadingMobile1 {
        font-size: 22px;
        color: #333;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    /* Deprecated */
    .guidanceHeadingMobile2 {
        font-size: 21px;
        color: #444;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    /* Deprecated */
    .guidanceHeadingMobile2a {
        font-size: 20px;
        color: #555;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    /* Deprecated */
    .guidanceHeadingMobile3 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #666;
        text-align: justify;
        font-weight: bold;
        text-decoration: none;
    }
    /* Deprecated */
    .guidanceHeadingMobile4 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 19px;
        color: #777;
        text-align: justify;
        font-weight: bold;
        text-decoration: none;
    }
    #heading {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 19px;
        font-weight: bold;
        padding: 3px;
    }
    .hide_plugins{
        display:none;
    }
    .highlightSubText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 22px;
        color: #009;
        text-align: left;
        font-weight: bold;
    }
    /* Deprecated */
    .highlightSubTextMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 22px;
        color: #009;
        text-align: left;
        font-weight: bold;
    }
    .highlightText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #341B01;
        text-align: left;
        font-weight: bold;
    }
    .highlightTextLinkPlain {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #341B01;
        text-align: left;
        font-weight: bold;
        text-decoration:none;
    }
    .highlightTextMobile{
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #341B01;
        text-align: left;
        font-weight: bold;
    }
    .home_grid_1 {
        clear:both;
        display:grid;
        grid-template-columns: 1fr 1fr;
        column-gap:7px;
        align-content:center;
    }
    .home_grid_2 {
        clear:both;
        display:grid;
        grid-template-columns: 3fr 5fr 3fr;
        column-gap:7px;
        align-content:center;
        align-items:center;
    }
    .home_grid_3 {
        clear:both;
        display:grid;
        grid-template-columns:3fr 5fr;
        column-gap:7px;
        align-content:center;
    }
    #imageClick {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 17px;
        color: #006;
        text-align: center;
        margin-top:2px;
    }
    .imageSectionMobile1 {
        width: 590px;
        padding-left: 20px;
        padding-right:20px;
        padding-bottom:20px;
    }
    .imageSectionMobile2 {
        width: 590px;
        padding-left: 20px;
        padding-right:20px;
        background-color: #DDD;
        padding-bottom:20px;
    }
    .innerPanelsHome {
        float: left;
        box-shadow:1px 1px 8px silver;
        border-radius:10px;
        padding:10px 19px 10px 19px;
        width:calc(100% - 14px);
    }
    .innerPanels {
        float: left;
        box-shadow:1px 1px 8px silver;
        border-radius:10px;
        padding:10px 19px 10px 19px;
        width:calc(100% - 40px);
    }
    .innerPanelsBorder {
        float: left;
        box-shadow:1px 1px 8px silver;
        border-radius:10px;
        padding:10px 19px 10px 19px;
        width:calc(100% - 40px);
        border:solid 2px #999;
        margin-bottom:3px;
    }
    .innerPanelsLight{
        margin-top: 20px;
        background-color:#FFF;
    }
    .innerPanelsMedium{
        margin-top: 20px;
        background-color:#F0F0F0;
    }
    .innerPanelsDark{
        margin-top: 20px;
        background-color:#E8E8E8;
    }
    .innerPanelsStart{
        margin-top: 5px;
        background-color:#F0F0F0;
        background-image:url(/images/header/corner-gradient-small.png);
        background-repeat:no-repeat;
    }
    .introBoxHighlightText {
        color: #333;
        text-align: center;
        font-weight: normal;
        font-size:18px;
        padding:3px;
        line-height:1.3em;
    }
    #layerNoteDiv {
        text-align: center;
        float: left;
        width: 52.2%;
        padding-right: 2px;
        padding-left: 2px;
        margin-left: 0px;
        margin-right: 0px;
    }
    #leftPanel{
        display:none;
    }
    #leftPanelNew{
        display:none;
    }
    #leftPanelNew2022{
        display:none;
    }
    #leftPanelOuter{
        display:none;
    }
    .listText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /*Deprecated*/
    .listTextMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mainBoxInner {
        padding: 10px;
        float: left;
        width: 610px;
        border: 2px solid #BBBBBB;
        background-image: url(../images/main_inner_fill.jpg);
        background-size:cover;
    }
    /* Deprecated */
    .mainBoxInnerMobile {
        padding: 10px;
        float: left;
        width: 610px;
        border: 2px solid #BBBBBB;
        background-image: url(../images/main_inner_fill.jpg);
        background-size:cover;
    }
    .mainText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #000;
        text-align: justify;
    }
    /*Deprecated*/
    .mainTextMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #000;
        text-align: justify;
    }
    .mediumList {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 7px;
        margin-bottom: 7px;
    }
    .miniList
    {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 7px;
        margin-bottom: 7px;
    }
    .miniText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 19px;
        color: #484848;
        text-align: justify;
        font-weight: bold;
    }
    /* Deprecated */
    .miniListMobile
    {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 7px;
        margin-bottom: 7px;
    }
    /* Deprecated */
    .miniTextMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 19px;
        color: #484848;
        text-align: justify;
        font-weight: bold;
    }
    #mobileCheck{
        width:10px;
    }

    /* Mobile Header */
    #mobilePanel{
        display: inline;
        float:left;
        height: 230px;
        background-color:#3E8AAE;
        background-image:url(../images/mobile/header_mobile.jpg);
        background-size: cover;
        background-repeat:no-repeat;
    }
    #mobilePanel1{
        float:left;
        min-width:630px;
        height:115px;
        margin-top:13px;

        display:grid;
        grid-template-columns: 18fr 4fr;
        column-gap: 40px;
        align-content:center;
    }
    #mobilePanel2{
        display:grid;
        grid-template-columns: 6fr 7fr 3fr 17fr 9fr;
        height: 80px;
        column-gap: 10px;
        align-content:center;
        border-top:solid 1px #AAA;

        margin-top: 20px;
        float:left;
        padding-left:25px;
        padding-right:10px;
    }
    .num_drawings{
        float:left;
        width:25px;
        margin-left:7px;
        padding-top:7px;
        font-size:20px;
        font-weight:bold;
        color:#F00;
    }
    .loginButton{
        width:160px;
        height:47px;
        padding-top:7px;
        margin-top:6px;
        background-color: #486A7A;
        border-radius: 5px;
        color:#FFF;
        font-size:28px;
        font-weight:bold;
        text-align: center;
        cursor:pointer;
    }
    /* End Mobile Header */


    .mobile_show{
        display:block;
    }
    #mobile_view{
        display:block;
        min-width:630px;
        /* Centre the menu */
        margin-left:auto;
        margin-right:auto;
        background-color:#FFF;
    }
    .narrowDivMobile {
        font-size:20px;
        padding-top: 12px;
        padding-bottom: 12px;
        float: left;
        width: 595px;
    }
    #navDiv {
        margin-top: 1px;
        width: 100%;
    }
    .navHeading{
        text-align: left;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left: 20px;
        width: 610px;
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 0px;
        margin-top: 1px;
        background-color: #3E8AAE;
        color: #FFF;
    }
    /*top*/
    .navHeading2022 {
        float:left;
        text-align: left;
        padding-top: 7px;
        padding-bottom: 4px;
        padding-left: 20px;
        width: 97.5%;
        min-width: 610px;
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 2px;
        margin-top: 4px;
        background-color: #3E8AAE;
        color: #FFF;
    }
    .headingNote{
        font-size:20px;
        font-weight:normal;
        color:#FFF;
        margin-bottom:0px;
    }
    .navHeadingOld {
        float:left;
        text-align: left;
        padding-top: 7px;
        padding-bottom: 6px;
        padding-left: 20px;
        width: 610px;
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 0px;
        margin-top: 1px;
        background-color: #507688;
        color: #FFF;
    }
    .navHeadingOld2022 {
        float:left;
        text-align: left;
        padding-top: 7px;
        padding-bottom: 6px;
        padding-left: 20px;
        width: 97.25%;
        min-width:608px;
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 0px;
        margin-top: 1px;
        background-color: #507688;
        color: #FFF;
    }
    .navHeadingRow2{
        float:left;
        display:block;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left:20px;
        width: 97.5%;
        min-width:610px;
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 0px;
        margin-top: 1px;
        background-color: #6697AE;
        color: #FFF;
    }
    .navHeadingRow2Old{
        display:block;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left:20px;
        width: 97.25%;
        min-width:608px;
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 0px;
        margin-top: 1px;
        background-color: #507688;
        color: #FFF;
    }
    .navHeadingUpdateNote {
        clear:both;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left: 10px;
        width: 630px;
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 0px;
        margin-top: 1px;
        margin-left:-5px;
        border: solid 1px #333;
        background-color: #FFF;
        color: #D00;
    }
    .navHeadingUpdateNote2022 {
        clear:both;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left: 10px;
        width: 98.25%;
        min-width:615px;
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 0px;
        margin-top: 1px;
        border: solid 1px #333;
        background-color: #FFF;
        color: #D00;
    }
    .navMobileBar {
        float:left;
        border: 2px solid #6697AE;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0px;
        font-weight:bold;
        text-align:center;
        color:#FFF;
        background-image:url(../images/mobile/navMobileBar.png);
        background-size:cover;
        width:100%;
        padding-top:20px;
        height: 50px;
        text-decoration: underline;
    }
    #navMobile{
        display:block;
    }
    #nav_mobile_outer {
        display:block;
        clear:both;
        height:70px;
        width:100%;
        min-width:625px;
    }
    #navTable{
        display:none;
    }
    .newHeadings{
        float:left;
        font-weight: bold;
        margin-bottom: 0px;
        text-align: left;
        padding-bottom: 4px;
        padding-left: 5px;
        font-size: 20px;
        background-color: #3E8AAE;
        color: #FFF;
        padding-top: 4px;
    }
    .newHeadingsLarge{
        float:left;
        font-weight: bold;
        margin-bottom: 0px;
        text-align: left;
        background-color: #3E8AAE;
        color: #FFF;
        min-height:32px;
        font-size:28px;
        padding-left:14px;
        padding-top:14px;
        padding-bottom:14px;
    }
    .newMainHeadings{
        float:left;
        width:98.6%;
        font-weight: bold;
        margin-top: 1px;
        text-align: left;
        padding-bottom: 4px;
        padding-left: 10px;
        font-size: 28px;
        background-color: #3E8AAE;
        color: #FFF;
        padding-top: 4px;
    }
    /* Deprecated */
    .newHeadingsMobile{
        font-weight: bold;
        margin-bottom: 0px;
        text-align: left;
        padding-bottom: 4px;
        padding-left: 5px;
        font-size: 20px;
        background-color: #3E8AAE;
        color: #FFF;
        padding-top: 4px;
    }
    .noUnderlineHeading {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 19px;
        color:#933;
        text-align: justify;
        font-weight: bold;
    }
    /* Deprecated */
    .noUnderlineHeadingMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 19px;
        color:#933;
        text-align: justify;
        font-weight: bold;
    }
    .note {
        font-size: 18px;
        list-style-type: none;
        border: 2px solid #999;
        padding-right: 8px;
        padding-left: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #EEF;
    }
    .notesHeading1 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 26px;
        color: #ED7905;
        text-align: left;
        font-weight: bold;
        text-decoration: none;
    }
    .notesHeading2 {
        font-size: 24px;
        color: #060;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    .notesHeading3 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 22px;
        color: #004A6A;
        text-align: justify;
        font-weight: bold;
    }
    /* Deprecated */
    .notesHeadingMobile1 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 24px;
        color: #ED7905;
        text-align: left;
        font-weight: bold;
        text-decoration: underline;
    }
    /* Deprecated */
    .notesHeadingMobile2 {
        font-size: 22px;
        color: #060;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: underline;
    }
    /* Deprecated */
    .notesHeadingMobile3 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #004A6A;
        text-align: justify;
        font-weight: bold;
    }
    .noteListButton{
        width:100px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 22px;
        text-align: center;
        color: #666;
        float: left;
        height: 25px;
        padding-top: 7px;
    }
    .noteListButton:hover {
        text-decoration:underline;
        font-size:24px;
        border:solid 1px #FFF;
        cursor:pointer;
        padding-top:6px;
        height:25px;
        color:#F00;
    }
    .noteListButtonDiv{
        width:99%;
        height:43px;
        background-color:#F8F8F8;
        border-top:2px solid #999;
        border-left:2px solid #999;
        border-right:2px solid #999;
        margin-left:1px;
    }
    #notesListDiv {
        float: left;
        width: 100%;
        margin-right: 0px;
    }
    #notesSystemDiv {
        float: left;
        width: 100%;
        min-width:630px;
        text-align: center;
    }
    #outerCentre{
        display:none;
    }
    .out_message{
        font-size:18px;
        font-weight:bold;
        color:#A00;
        width:400px;
        line-height:1.3em;
    }
    #out_message{
        font-size:18px;
        font-weight:bold;
        color:#F00;
        width:400px;
    }
    #outText{
        width:98.5%;
        margin-left:-2px;
        background-color:#F8F8F8;
        height:755px;
        font-size: 20px;
        font-family: Verdana, Geneva, sans-serif;
    }
    .pageNextMobile {
        float: right;
        margin-bottom: 0px;
        border: solid 0px #BBB;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 4px;
        padding-bottom: 6px;
        font-size:22px;
    }
    .pageNextTopMobile{
        float: right;
        border: solid 0px #BBB;
        padding-left: 4px;
        padding-right: 0px;
        padding-top: 4px;
        padding-bottom: 6px;
        font-size:22px;
    }
    .pagePreviousMobile{
        float: left;
        border: solid 0px #BBB;
        padding-left: 0px;
        padding-right: 4px;
        padding-top: 4px;
        padding-bottom: 6px;
        font-size:22px;
    }
    .panelFooters{
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        clear: both;
        margin-right: -5px;
        margin-left: -5px;
        text-align: center;
    }
    /* Deprecated */
    .panelFootersMobile {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        clear: both;
        margin-right: -5px;
        margin-left: -5px;
        text-align: center;
    }
    #plansDiv {
        width: 640px;
        text-align: center;
        border-top: 0px solid #CCC;
        margin-top: 0px;
    }
    #plansDiv2022 {
        width: 100%;
        min-width:630px;
        text-align: center;
        border-top: 0px solid #CCC;
        margin-top: 0px;
    }
    .pp_str_checkout_header{
        clear:both;
        margin-bottom:14px;
        text-align:center;
        font-size:22px;
        font-weight:bold;
    }
    .pp_str_checkout_outer{
        clear:both;
        width:calc(100% - 10px);
        margin:30px auto 30px auto;
        background-color:#FCFCFC;
        border:solid 1px #999;
        border-radius:5px;
    }
    .pp_str_checkout_inner{
        clear:both;
        width:560px;
        margin:0 auto 0 auto;
        background-color:#FCFCFC;
        padding:10px 0 25px 0;
        border-radius:5px;
    }
    .priceText {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 19px;
        font-weight: bold;
        color: #900;
        text-align: center;
        border:solid 2px #568093;
        border-radius:5px;
        background-color:#E3E9EC;
        cursor: pointer;
        float:right;
        width:152px;
        height:100px;
        margin-right:2px;
        margin-top:2px;
        padding-top:8px;
    }
    .regBacsInfo{
        font-size:18px;
        padding-bottom:7px;
    }
    .regConfCentre{
        padding:12px 3px 6px 3px;
        margin-top:3px;
        font-size:11px;
        border:solid 2px #6697AE;
        box-shadow:1px 1px 20px #88BBCC;
    }
    .regConfDetails{
        float:left;
        width:100%;
        margin-left:0px;
    }
    .regConfDivData{
        float:left;
        width:68%;
        height:40px;
        padding-left:8px;
        font-size:22px;
        color:#006;
        text-align:left;
    }
    .regConfDivLabel{
        float:left;
        min-width:160px;
        width:30%;
        height:40px;
        text-align:right;
        font-size:22px;
        font-weight:bold;
    }
    .regConfDivInfo{
        clear:both;
        width:100%;
        height:40px;
        padding:6px 0px 6px 0px;
        text-align:center;
        font-size:19px;
        font-weight:bold;
        color:#393;
    }
    .regConfHeadings{
        float:left;
        width:98.6%;
        font-weight: bold;
        margin-top: 1px;
        text-align: left;
        padding-bottom: 4px;
        padding-left: 10px;
        font-size: 28px;
        background-color: #FFF;
        color: #333;
        padding-top: 4px;
        margin-right:8px;
        margin-bottom:5px;
    }
    .regConfInfo{
        line-height:1.4em;
        font-size:15px;
        margin-top:4px;
        margin-bottom:4px;
    }
    .regConfImportant{
        line-height:1.4em;
        font-size:18px;
        margin-top:4px;
        margin-bottom:4px;
        color:#F00;
    }
    .regConfInner {
        padding: 4px;
        float: left;
        width: 99%;
        background-color:#FAFAFA;
    }
    .regConfMiddle{
        float: left;
        margin-left: 4px;
        margin-right: 4px;
        margin-top: 4px;
        border: 1px solid #999;
        width:calc(100% - 16px);
        padding:8px;
    }
    .regConfOuter{
        margin-left:auto;
        margin-right:auto;
        height:570px;
        display:block;
        min-width:633px;
    }
    .regConfTabLabel {
        font-size:16px;
        font-weight:bold;
        width:23%;
        height:30px;
        text-align:right;
    }
    .regConfTabData {
        font-size:18px;
        color:#006;
        padding-left:10px;
        width:77%;
    }

    .regFindout{
        height:50px;
    }
    .regHeadings{
        font-size:19px;
    }
    .regHighlightText{
        width:97%;
        text-align:center;
        font-size:22px;
        font-weight:bold;
        line-height:1.5em;
    }
    .regImage {
        border: solid 1px #ED7905;
        width: 220px;
        height:220px;
        margin-left:auto;
        margin-right:auto;
    }
    /* Deprecated */
    .regImageMobile {
        border: solid 1px #ED7905;
        margin-left: 3px;
        width: 220px;
        float: left;
        margin-top: 0px;
    }
    .regInfoColLeft{
        float:left;
        width:calc(100% - 395px);
        height:700px;
        border:solid 1px #000000;
    }
    .regInfoCol{
        float:left;
        width:129px;
        height:700px;
        border:solid 1px #000000;
    }
    .regInfoCorner{
        float:left;
        width:calc(100%);
        height:40px;
        padding-top:5px;
        font-size:18px;
        font-weight:bold;
    }
    .regInfoHeader{
        float:left;
        width:129px;
        height:40px;
        padding-top:5px;
        font-size:18px;
        font-weight:bold;
        text-align:center;
    }
    .regInfoOuter{
        width:calc(100% + 20px);
        height:700px;
        margin-left:auto;
        margin-right:auto;
        background-color:#FFF;
    }
    .regInfoRow{
        float:left;
        width:129px;
        height:70px;
        padding-top:10px;
        font-size:24px;
        font-weight:bold;
        text-align:center;
    }
    .regInfoRowPrice{
        float:left;
        width:129px;
        height:80px;
        font-size:24px;
        font-weight:bold;
        text-align:center;
    }
    .regInfoTitleRow{
        float:left;
        width:calc(100% - 6px);
        padding-left:3px;
        padding-right:3px;
        height:80px;
        font-size:18px;
        font-weight:bold;
        text-align:center;
    }
    /* OLD Still Used */
    .regDiv{
        margin-left:auto;
        margin-right:auto;
        height:950px;
        margin-bottom:70px;
        float:left;
        box-shadow:1px 1px 8px silver;
        border-radius:10px;
        padding:10px 10px 10px 10px;
        width:calc(100% - 20px);
        min-width:610px;
        margin-top:30px;
        background-color:#EEE;
    }
    #regBox {
        margin-left: auto;
        margin-right:auto;
        border: solid 1px #000;
        width: 560px;
        margin-top: 30px;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        background-color: #E6E6E6;
        font-size:17px;
        height:566px;
        text-align:right;
    }
    #regBoxOuter{
        width: 100%;
        clear:both;
        text-align:center;
        min-width:610px;
    }
    .regInner{
        clear:both;
        width:100%;
        display:grid;
        grid-template-columns: 5fr 3fr;
        column-gap:7px;
        align-content:center;
        align-items:center;
        justify-items:center;
        min-width:625px;
    }
    .regInnerGrid_1{
        height:300px;
        text-align:center;
        margin-top:30px;
    }
    .regInnerGrid_2{
        height:300px;
        text-align:center;
        margin-top:30px;
    }

    /* NEW */
    .regDiv_New{
        margin-left:auto;
        margin-right:auto;
        height:1000px;
        margin-bottom:30px;
        float:left;
        box-shadow:1px 1px 8px silver;
        border-radius:10px;
        padding:10px 10px 10px 10px;
        width:calc(100% - 20px);
        min-width:610px;
        margin-top:20px;
        background-color:#EEE;
    }
    .regInnerLogos{
        width:590px;
        height:55px;
        padding-top:15px;
    }
    #regBox_New {
        margin-left: auto;
        margin-right:auto;
        border: solid 1px #000;
        width: 560px;
        margin-top: 3px;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        background-color: #E6E6E6;
        font-size:17px;
        height:566px;
        text-align:right;
    }
    #regBoxOuter_New{
        width: 100%;
        clear:both;
        text-align:center;
        min-width:625px;
    }
    .regInner_New{
        clear:both;
        width:100%;
        display:grid;
        align-content:center;
        align-items:center;
        justify-items:center;
        min-width:625px;
    }
    .regInnerGrid_1_New{
        height:250px;
        text-align:center;
        margin-top:10px;
    }
    .regInnerGrid_2_New{
        height:100px;
        text-align:center;
        margin-top:5px;
        border:solid 1px #000;
    }

    .regInput{
        width:240px;
        text-align:right;
        height:30px;
        padding-right:5px;
    }
    .regInputText{
        font-size:18px;
    }
    .regPanelsInner{
        width:50%;
        float:left;
        text-align:center;
    }
    .regPanelsOuter{
        float:left;
        width:100%;
        height:220px;
        margin-top:20px;
        margin-bottom:30px;
    }
    .regPanelText{
        float:left;
        width:210px;
        text-align:center;
        margin-left:3px;
    }
    .regPPButtons{
        margin:10px 80px 5px 80px;
    }
    .regPrompt_1{
        font-size:16px;
    }
    .regPrompt_2{
        font-size:14px;
    }
    .regTable{
        width:530px;
    }
    .regText{
        font-size:18px;
        height:35px;
    }
    .regTypeLabel{
        font-weight:bold;
        font-size:17px;
    }
    #rightPanelWide{
        display:none;
    }
    #registerBanner{
        display:none;
        width:0px;
    }
    .registerButton{
        margin:10px 20px 0px 0px;
        padding:7px 40px 7px 40px;
        font-size:20px;
        font-weight:bold;
        color:#FFF;
        border-radius:20px;
        background-image:linear-gradient(rgba(102,151,174,1), rgba(112,241,184,1));
        border:solid 2px #FFF;
        box-shadow:1px 1px 20px #88BBCC;
        cursor:pointer;
    }
    .registerButton:disabled{
        margin:10px 20px 0px 0px;
        padding:7px 40px 7px 40px;
        font-size:20px;
        font-weight:bold;
        color:#FFF;
        border-radius:20px;
        background-image:linear-gradient(rgba(200,200,200,1), rgba(200,200,200,1));
        border:solid 2px #FFF;
        box-shadow:1px 1px 20px #666;
        cursor:pointer;
    }
    .register_here_button{
        margin:0px auto 0px auto;
        width:250px;
        border:solid 4px #6697AE;
        box-shadow:1px 1px 20px #88BBCC;
        background-image:linear-gradient(rgba(155,77,221,1), rgba(69,216,216,1));
        border-radius:30px;
        padding:15px 10px 15px 10px;
        text-align:center;
        font-size:22px;
        font-weight:bold;
        color:#FFF;
    }
    .register_here_button_small{
        margin:0px auto 0px auto;
        width:280px;
        border:solid 4px #6697AE;
        box-shadow:1px 1px 20px #88BBCC;
        background-image:linear-gradient(rgba(155,77,221,1), rgba(69,216,216,1));
        border-radius:30px;
        padding:15px 10px 15px 10px;
        text-align:center;
        font-size:22px;
        font-weight:bold;
        color:#FFF;
    }
    .register_here_button_tiny{
        margin:0px auto 0px auto;
        width:520px;
        border:solid 2px #FAFAFA;
        box-shadow:1px 1px 10px #88BBCC;
        background-image:linear-gradient(rgba(155,77,221,1), rgba(50,190,190,1));
        border-radius:14px;
        padding:4px 14px 4px 14px;
        text-align:center;
        font-size:22px;
        font-weight:bold;
        color:#FFF;
    }
    #rightPanel{
        display:none;
    }
    #rightPanel2022{
        display:none;
    }
    #sectionDiv {
        float:left;
        width: 100%;
        border: 2px solid #999;
        padding-left: 4px;
        padding-right: 2px;
        height: 790px;
        background-color: #F8F8F8;
    }
    .section {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        cursor: pointer;
        list-style-type: none;
        text-align: left;
        text-indent: 0;
        margin-left: 0px;
        padding-left: 0px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #999;
        height: 44px;
        line-height: 2.4em;
    }
    /* Main Size for SlickNav Menu */
    .slicknav_menu{
        display:block;
        /* Centre the menu */
        margin-left:auto;
        margin-right:auto;
        min-width:630px;
    }
    .sampleNotes{
        font-size: 20px;
        font-style: italic;
        font-weight: normal;
        color: #A00;
        text-align: justify;
        float: left;
    }
    .sampleNotesDiv{
        float: left;
        margin-bottom: 18px;
        width: 93%;
        background-color: #F8F8F8;
        border:solid 2px #6697AE;
        box-shadow:1px 1px 15px #88BBCC;
        border-radius: 4px;
        padding: 10px 20px 15px 20px;
    }
    /* Deprecated */
    .sampleNotesMobile{
        font-size: 20px;
        font-style: italic;
        font-weight: normal;
        color: #A00;
        text-align: justify;
    }
    .searchButton{
        height:44px;
        font-size:24px;
        font-weight:bold;
        border-radius: 8px;
        width:170px;
        border: 2px solid #770000;
        color: #770000;
        background-image: url(/images/header/button_grad.jpg);
        background-position: center;
        background-size: contain;
        cursor:pointer;
    }
    .smallerText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #484848;
        text-align: justify;
        font-weight: normal;
    }
    /* Deprecated */
    .smallerTextMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #484848;
        text-align: justify;
        font-weight: normal;
    }
    .smallList {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 22px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    /* Deprecated */
    .smallListMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .smallText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #484848;
        text-align: left;
        font-weight: normal;
    }
    /* Deprecated */
    .smallTextMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #484848;
        text-align: left;
        font-weight: normal;
    }
    .staticList {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #484848;
        text-align: left;
        font-weight: normal;
        line-height: 1.6em;
    }
    /* Deprecated */
    .staticListMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #484848;
        text-align: left;
        font-weight: normal;
        line-height: 2.3em;
    }
    .stripe_button_link{
        width:500px;
        background-image:linear-gradient(rgba(155,77,221,1), rgba(69,216,216,1));
        border:solid 0px #FFF;
        border-radius:10px;
        box-shadow:1px 1px 5px #000;
        color:#FFF;
        font-weight:bold;
        font-size:22px;
        cursor:pointer;
        margin:8px 0px 15px 0px;
        padding:14px 0px 14px 0px;
    }
    .stripe_button_checkout{
        width:360px;
        background-image:linear-gradient(rgba(155,77,221,1), rgba(69,216,216,1));
        border:solid 0px #FFF;
        border-radius:20px;
        box-shadow:1px 1px 5px #000;
        color:#FFF;
        font-weight:bold;
        font-size:22px;
        cursor:pointer;
        margin:8px 0px 15px 0px;
        padding:14px 0px 14px 0px;
    }
    .subHeadingNew {
        font-size: 22px;
        color: #004A6A;
        text-align: left;
        font-weight: bold;
    }
    .subPanelOuter {
        float:left;
        width:100%;
        margin-left:5px;
        margin-top:30px;
    }
    .subPanelHighlight {
        float:left;
        width:440px;
        padding-top:2px;
    }
    .subPanelSmaller {
        float:left;
        width:calc(100% - 50px);
        padding-top:3px;
    }
    .subPanelOuterNew {
        float:left;
        width:665px;
        margin-left:5px;
        margin-top:10px;
    }
    .subPanelHighlightNew {
        float:left;
        width:540px;
        padding-top:2px;
    }
    .subPanelSmallerNew {
        float:left;
        width:540px;
        padding-top:3px;
    }
    #topDiv{
        display:none;
        width:0px;
    }
    .thumbnail_image{
        width:145px;
        height:109px;
    }
    .thumbnail_outer{
        float:left;
        margin-left:2px;
        margin-top:2px;
    }
    .thumbSamples {
        border: 2px solid #00F;
        cursor: pointer;
    }
    .tinyList {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 7px;
        margin-bottom: 7px;
    }
    .tinyText {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 18px;
        color: #161616;
        text-align: left;
        font-weight: normal;
    }
    /* Deprecated */
    .tinyListMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 7px;
        margin-bottom: 7px;
    }
    /* Deprecated */
    .tinyTextMobile {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 18px;
        color: #161616;
        text-align: left;
        font-weight: normal;
    }
    .tooltipHighlightText{
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 20px;
        color: #341B01;
        text-align: left;
        font-weight: bold;
        line-height:1.3em;
    }
    .tooltipNormalText{
        font-family: Verdana, Geneva, sans-serif;
        font-size: 18px;
        color: #161616;
        text-align: left;
        font-weight: normal;
        line-height:1.3em;
    }
    .topPageHeading {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 26px;
        color: #644B31;
        text-align: left;
        font-weight: bold;
        text-decoration: none;
    }
    /* Deprecated */
    .topPageHeadingMobile {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 26px;
        color: #644B31;
        text-align: left;
        font-weight: bold;
        text-decoration: none;
    }
    .updateTimeline{
        float:left;
        width:calc(100% - 45px);
        font-size:22px;
        margin-top:2px;
        text-align: left;
        line-height: 1.4em;
    }
    .updateTimelineLink{
        text-decoration:none;
        color: #333;
        cursor:pointer;
    }
    .warnCell{
        font-size:20px;
        font-weight:bold;
        color:#F00;
    }
    #webAppDiv {
        width: 100%;
        font-family: Tahoma, Geneva, sans-serif;
    }

}
/*
@media only screen  and (orientation:landscape) and (min-width:861px) and (max-width:5000px),

// ********************************
// **********Desktop View**********
// ********************************
//If > 860 width, Show Desktop View
*/
@media screen and (min-width:861px) and (max-width: 5000px) {

    /*Test for media queries*/
    #mob{
        display:none;
    }
    #desk{
        display:block;
    }
    .mobOnly{
        display: none;
    }
    .deskOnly{
        display: inline;
    }
    #neither{
        display:none;
    }
    button{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .addBasketText{
        color:#000;
        line-height:1.3em;
        font-weight:normal;
    }
    .addDetDrawText {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        font-weight: bold;
        line-height:1.3em;
        color: #600;
        text-align: center;
        border:solid 2px #568093;
        border-radius:5px;
        background-color:#E3E9EC;
        cursor: pointer;
        float: left;
        height: 62px;
        width: 90px;
        margin-top: 60px;
        margin-right: 5px;
        margin-left: 5px;
        padding-top: 3px;
    }
    .addDrawText {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #900;
        text-align: center;
        border:solid 2px #568093;
        border-radius:5px;
        background-color:#E3E9EC;
        cursor: pointer;
        float: left;
        height: 72px;
        width: 110px;
        margin-top: 5px;
        margin-right: 27px;
        margin-left: 40px;
        padding-top: 5px;
    }
    .addDrawTextSearch {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #900;
        text-align: center;
        border:solid 2px #568093;
        border-radius:5px;
        background-color:#E3E9EC;
        cursor: pointer;
        float: left;
        height: 56px;
        width: 120px;
        margin-top: 3px;
        margin-right: 27px;
        margin-left: 30px;
        padding-top: 3px;
    }
    .addDrawTextDrawingBox {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #900;
        text-align: center;
        border:solid 2px #568093;
        border-radius:5px;
        background-color:#E3E9EC;
        cursor: pointer;
        float: left;
        height: 72px;
        width: 110px;
        margin-top: 5px;
        margin-right: 27px;
        margin-left: 40px;
        padding-top: 5px;
    }
    .appHeadingCategory {
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        text-align: left;
        padding-bottom: 3px;
        padding-top:2px;
        padding-left:10px;
        background-color:#6697AE;
        font-size: 13px;
        font-weight: bold;
        color:#FFF;
        width: 232px;
        margin-top: 1px;
        margin-bottom: 2px;
    }
    .appHeadingNoteList {
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        text-align: left;
        padding-bottom: 3px;
        padding-top: 2px;
        padding-left: 10px;
        font-size: 13px;
        font-weight: bold;
        color: #FFF;
        width: 406px;
        margin-top:1px;
        margin-bottom: 2px;
        margin-left: 2px;
        background-color: #6697AE;
    }
    .appHeadingSubCategory {
        border-bottom-width: 0px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        text-align: left;
        padding-bottom: 3px;
        padding-top:2px;
        padding-left:10px;
        background-color:#6697AE;
        font-size: 13px;
        font-weight: bold;
        color:#FFF;
        width: 360px;
        margin-top:1px;
        margin-bottom:4px;
    }
    .appIcon {
        float:left;
        width:45px;
        height:60px;
        margin-top:5px;
        margin-left:6px;
    }
    .appLinkContainer {
        width:60px;
        float:left;
    }
    .appLinkDiv {
        padding-top: 6px;
        width: 70px;
        float: left;
        text-align: center;
        font-size: 14px;
    }
    .appLinkDivSingle {
        padding-top: 10px;
        width: 70px;
        float: left;
        text-align: center;
        font-size: 14px;
    }
    .appLinkDivWide {
        padding-top: 6px;
        width: 240px;
        float: left;
        text-align: center;
    }
    .appLinkPlain {
        color: #000;
        text-decoration: none;
        font-size: 11px;
    }
    .appLinkPlain:hover {
        text-decoration: underline;
    }
    .appNewLink {
        float: left;
        width: 121px;
        height: 70px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #000;
        border-bottom-color: #000;
        border-left-color: #000;
        background-color:#507789;
    }
    .appLinkHoriz {
        float: left;
        width: 121px;
        height: 71px;
        margin-left:6px;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        background-color:#6697AE;
    }
    .appNewLinkShade {
        float: left;
        width: 121px;
        height: 70px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #000;
        border-bottom-color: #000;
        border-left-color: #000;
        background-color:#568094;
    }
    .appNewText{
        color:#FFF;
    }
    .appPreLinkContainer {
        width:110px;
        float:left;
    }
    .appPreLinkDiv {
        padding-top: 6px;
        width:120px;
        float: left;
        text-align: center;
    }
    .appPreTextLink {
        float: left;
        width: 121px;
        height: 50px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #999;
        border-bottom-color: #999;
        border-left-color: #999;
        background-color:#FFF;
    }
    .appPreTextLinkShade {
        float: left;
        width: 121px;
        height: 50px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #999;
        border-bottom-color: #999;
        border-left-color: #999;
        background-color:#F0F0F0;
    }
    .appText {
        float: left;
        padding-top:6px;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        width: 120px;
    }

    .appTextLink {
        float: left;
        width: 121px;
        height: 70px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #999;
        border-bottom-color: #999;
        border-left-color: #999;
        background-color:#FFF;
    }
    .appWideIcon {
        float:left;
        width:45px;
        height:60px;
        margin-top:5px;
        margin-left:60px;
    }
    .appWideText {
        float: left;
        padding-top:6px;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        width: 240px;
    }
    .appWideTextPre {
        float: left;
        padding-top:3px;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        width: 240px;
    }
    .appWideTextLink {
        float: left;
        width: 243px;
        height: 70px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #999;
        border-bottom-color: #999;
        border-left-color: #999;
        background-color:#568094;
        text-align:center;
    }
    .appWideTextLinkCommercial {
        float: left;
        width: 243px;
        height: 70px;
        border:solid 1px #666;
        background-color:#ea9b4d;
        text-align:center;
    }
    .appWideTextLinkPre {
        clear:both;
        width: 243px;
        height: 40px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #999;
        border-bottom-color: #999;
        border-left-color: #999;
        background-color:#DDD;
        text-align:center;
    }
    .addSpecButton{
        width:200px;
    }

    .arcSeparator{
        clear:both;
        height:15px;
    }
    .new_basket_chk_btn{
		float:right;
		margin: 20px 90px 20px;
		width:150px;
		height:31px;
		padding-top:8px;
		padding-left:2px;
		background-image:linear-gradient(to right, rgba(250,60,10), rgba(250,140,10));
		border:solid 1px #333;
		border-radius:10px;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		cursor:pointer;
		text-align: center;
	}
    .new_basket_details {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
    }
    .new_basket_head {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        text-align: center;
    }
    .new_basket_price {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #555;
        text-align: center;
    }
    .new_basket_total{
        font-family: Verdana, Geneva, sans-serif;
        font-size: 14px;
        font-weight: bold;
        height:30px;
        color: #900;
        text-align: right;
        padding:15px 90px 15px;
        border-top:solid 1px #000;
        border-bottom:solid 1px #000;
    }
    .new_basket_remove {
        color: #006;
        text-decoration: underline;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 14px;
        padding-top:5px;
        font-weight: normal;
        text-align: center;
        cursor: pointer;
    }
    .new_basket_signup{
        padding:7px 15px 7px 15px;
        text-align:center;
        margin-bottom: 20px;
        background-color: #FAA;
        font-size:16px;
        color: #FFF;
        border:solid 1px #999;
    }
    .b_r_filter_outer{
        float:left;
        width:1280px;
        display:block;
    }
    .b_r_filter_middle{
        width:1273px;
        background-color:#FFF;
        float: left;
        margin-left: 4px;
        margin-right: 4px;
        margin-top: 4px;
        border: 1px solid #CCC;
    }
    .b_r_filter_inner{
        float: left;
        margin-top: 10px;
        box-shadow:1px 1px 8px silver;
        padding:10px 4px 10px 5px;
        background-color:#F8F8F8;
        width:calc(100% - 8px);
    }
    .b_r_filter_centre{
        float:left;
        width:1244px;
        min-height:750px;
    }
    .br_filter_panel{
        float:left;
        width: 261px;
    }
    .br_filter_header{
        cursor:pointer;
        padding: 5px 0px 5px 0px;
        border: solid 1px #000;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 16px;
        color: #009;
        text-align: center;
        font-weight: bold;
    }
    .br_filter_proj_instruct{
        float:left;
        width:250px;
        height:10px;
        margin-bottom:25px;
        font-size:15px;
        color:#B00;
    }
    .br_filter_proj_list{
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 16px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 20px;
        list-style: none;
        clear: both;
        height:15px;
        margin-left: -30px;
    }
    .br_filter_proj_name{
        float:left;
        width:220px;
    }
    .br_filter_proj_radio{
        float: left;
        width:10px;
    }
    .br_filter_radio{
        /* No adjustment for desktop radio buttons */
    }
    .br_filter_subcat_header{
        cursor:pointer;
        padding: 5px 0px 5px 0px;
        border: solid 1px #000;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 16px;
        color: #009;
        text-align: center;
        font-weight: bold;
        margin-top:20px;
    }
    .br_filter_section_header{
        float:left;
        width: 261px;
        min-height: 50px;
    }
    .br_filter_section_header_inner{
        padding: 5px 0px 5px 0px;
        border: solid 1px #000;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 16px;
        color: #009;
        text-align: center;
        font-weight: bold;
    }
    .br_filter_filter_name{
        float:left;
        width:220px;
    }
    .br_filter_filter_chk{
        float: left;
        width:10px;
    }
    .br_filter_details_section{
        float:left;
        width: 969px;
        margin-left:8px;
        background-color: #F0F0F0;
        min-height:750px;
    }
    .br_filter_thumbnail{
        float:left;
        width:180px;
        margin-left:8px;
        margin-top:5px;
        border: solid 2px #6697AE;
        height:290px;
        background-color:#FAFAFA;
    }
    .br_filter_thumb_image{
        cursor:pointer;
        width:180px;
        height:153px
    }
    .br_filter_descr_div{
        float:left;
        width:176px;
        height:67px;
        font-size:14px;
        text-align: center;
        padding-left:2px;
        padding-right:2px;
    }
    .br_filter_add_basket{
        padding-top: 1px;
        color:#000;
        font-size:15px;
        line-height:1.3em;
    }
    .br_filter_drawing_type{
        font-size:11px;
        color:#00A;
    }
    #centrePanelNew {
        float: left;
        margin-left: 4px;
        margin-right: 4px;
        margin-top: 4px;
        border: 1px solid #CCC;
    }
    .checkoutButtonNew{
        float:left;
        height: 30px;
	    width: 100px;
	    margin-top:3px;
    }
    .checkoutButtonText{
        width:120px;
        height:23px;
        padding-top:6px;
        background-image: linear-gradient(to right, rgba(250,60,10), rgba(250,140,10));
        border:solid 1px #333;
        border-radius:10px;
        color:#FFF;
        font-size:14px;
        font-weight:bold;
        cursor:pointer;
    }
    .checkoutHeading{
        text-align:left;
        width:600px;
        float:left;
        font-size:20px;
        font-weight:bold;
        margin:20px 0px 10px 0px;
    }
    .checkoutImportantText{
        clear:both;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        color: #484848;
        text-align: center;
        font-weight: bold;
        margin:10px 0px 0px 10px;
    }
    .checkoutInfoText{
        clear:both;
        font-family: Tahoma, Geneva, sans-serif;
        font-size:16px;
        color: #393;
        text-align: justify;
        font-weight: bold;
        margin:10px 0px 0px 10px;
    }
    .checkoutInner{
        float:left;
        width:520px;
        font-size:12px;
        line-height:2em;
        text-align:left;
        margin:0px 0px 0px 0px;
        padding:0px 20px 0px 20px;
        background-color:#FFF;
        border:solid 2px #6697AE;
        box-shadow:1px 1px 20px #88BBCC;
    }
    .checkoutMiddle{
        width:560px;
        margin:0px auto 10px auto;
        padding:10px 30px 10px 30px;
        border:solid 1px #CCC;
    }
    .checkoutPaymentInfo{
        clear:both;
        width:100%;
        height:22px;
        text-align:center;
        font-size:16px;
        font-weight:bold;
        color:#393;
    }
    .choose {
        font-size: 10px;
        list-style-type: none;
        cursor: pointer;
        text-align: left;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #999;
        line-height: 2.4em;
        height: 25px;
    }
    #comment {
        font-style: italic;
        font-size: 12px;
        color: #F00;
	    padding: 3px 3px 5px 8px;
	    text-align: left;
	    line-height: 1.5em;
    }
    .commercialCatLeft{
        float:left;
        width:65px;
    }
    .commercialCatRight{
        float:left;
        width:400px;
    }
    .commercialTextLink{
        color: #fccf9a;
        text-decoration: none;
        cursor: pointer;
    }
    .commercialTextLink:hover{
        color:#FFF;
        text-decoration: underline;
    }
    .commercialTextLinkNest{
        color: #f8d4c1;
        text-decoration: none;
        cursor: pointer;
    }
    .commercialTextLinkNest:hover{
        color:#FFF;
        text-decoration: underline;
    }
    .descriptionText{
        font-size:12px;
        color:#00A;
    }
    #desktop_2022{
        display:inline;
    }
    .drawDetlsDiv {
        float: left;
        margin-left: 3px;
        width: 183px;
        height: 276px;
    }
    .drawingsMenuText
    {
        text-decoration:none;
        color:#FFF;
    }
    .drawingsMenuText:Hover
    {
        text-decoration:underline;
        color:#F00;
    }
    .drawingsMenuDiv
    {
        margin-left: 1px;
        background-image: url(../images/navbar/navbar_BG_tall_round.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .drawingsMenuDiv:Hover
    {
        margin-left: 1px;
        background-image: url(../images/navbar/navbar_BG_tall_round_hover.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .drawLinkDiv {
        padding-top: 3px;
        padding-bottom: 3px;
        float: left;
        width: 332px;
    }
    .drawLinkDivWide {
        padding-top: 3px;
        padding-bottom: 3px;
        float: left;
        width: 412px;
    }
    .drawSpace1 {
        float: left;
        margin-top: 0px;
    }
    .drawSpace2 {
        float: left;
        margin-top: 20px;
    }
    /*deprecated */
    .narrowDiv {
        padding-top: 3px;
        padding-bottom: 3px;
        float: left;
        width: 332px;
    }
    .narrowDivHome {
        padding-top: 3px;
        padding-bottom: 3px;
        float: left;
        width: 332px;
    }
    #end_note{
        display:block;
    }
    #footer{
        display:block;
    }
    #footer_mobile{
        display:none;
    }
    .greenBullets {
        list-style-image: url(../images/li_BG.png);
        padding-left: 25px;
        line-height: 2.4em;
    }
    .guidanceHeading1 {
        font-size: 16px;
        color: #333;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    .guidanceHeading2 {
        font-size: 15px;
        color: #444;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    .guidanceHeading2a {
        font-size: 15px;
        color: #555;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    .guidanceHeading3 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        color: #666;
        text-align: justify;
        font-weight: bold;
        text-decoration: none;
    }
    .guidanceHeading4 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 13px;
        color: #777;
        text-align: justify;
        font-weight: bold;
        text-decoration: none;
    }
    #heading {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        padding: 3px;
    }
    .highlightSubText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 16px;
        color: #009;
        text-align: left;
        font-weight: bold;
    }
    .highlightText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        color: #341B01;
        text-align: left;
        font-weight: bold;
    }
    .highlightTextLinkPlain {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        color: #341B01;
        text-align: left;
        font-weight: bold;
        text-decoration:none;
    }
    #imageClick {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        color: #006;
        text-align: center;
    }
    .innerPanels {
        float: left;
        margin-top: 10px;
        box-shadow:1px 1px 8px silver;
    }
    .innerPanelsLight{
        float: left;
        margin-top: 10px;
        box-shadow:1px 1px 8px silver;
        padding:10px 20px 10px 20px;
        background-color:#FFF;
        width:calc(100% - 40px);
    }
    .innerPanelsMedium{
        float: left;
        margin-top: 10px;
        box-shadow:1px 1px 8px silver;
        padding:10px 20px 10px 20px;
        background-color:#F0F0F0;
        width:calc(100% - 40px);
    }
    .innerPanelsDark{
        float: left;
        margin-top: 10px;
        box-shadow:1px 1px 8px silver;
        padding:10px 20px 10px 20px;
        background-color:#E8E8E8;
        width:calc(100% - 40px);
    }
    .innerPanelsStart{
        float: left;
        margin-top: 10px;
        box-shadow:1px 1px 8px silver;
        padding:10px 20px 10px 20px;
        background-color:#F0F0F0;
        background-image:url(/images/header/corner-gradient-small.png);
        background-repeat:no-repeat;
        width:calc(100% - 40px);
    }
    .introBoxHighlightText {
        font-size: 13px;
        color: #333;
        text-align: center;
        font-weight: normal;
    }
    #layerNoteDiv {
        text-align: center;
        float: left;
        width: 370px;
        padding-right: 2px;
        padding-left: 2px;
        margin-left: 0px;
        margin-right: 0px;
    }
    #leftPanelNew {
        float: left;
        width: 123px;
        text-align: center;
    }
    #leftPanelNew2022 {
        float: left;
        width: 244px;
        text-align: center;
        background-color:#F8F8F8;
        border-left:solid 1px #000;
    }
    .listText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mainBoxInner {
        padding: 10px;
        float: left;
        width: 500px;
        border: 2px solid #BBBBBB;
        background-image: url(../images/main_inner_fill.jpg);
        background-size:cover;
    }
    .mediumList {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 16px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 20px;
        list-style: none;
        clear: both;
        height:15px;
        margin-left: -30px;
    }
    .miniList {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 7px;
        margin-bottom: 7px;
    }
    .miniText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 13px;
        color: #484848;
        text-align: justify;
        font-weight: bold;
    }
    #mobileCheck{
        width:0px;
    }
    #mobilePanel{
        display:none;
    }
    .mobile_show{
        display:none;
    }
    #mobile_view{
        display:none;
    }
    #navDiv {
        margin-top: 1px;
        width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }
    .navHeading{
        text-align: left;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left: 20px;
        width: 1060px;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 1px;
        margin-left: auto;
        margin-right: auto;
        background-color: #6697AE;
        color: #FFF;
    }
    .navHeading2022{
        clear:both;
        text-align: left;
        padding-top: 6px;
        padding-bottom: 8px;
        padding-left: 20px;
        width: 1260px;
        height:21px;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 1px;
        margin-left: auto;
        margin-right: auto;
        background-color: #6697AE;
        color: #FFF;
    }
    .headingNote{
        font-size:16px;
        font-weight:normal;
        color:#FFF;
        margin-bottom:0px;
    }
    .navHeadingOld {
        text-align: left;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left: 20px;
        width: 1060px;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 0px;
        margin-top: 1px;
        margin-left: auto;
        margin-right: auto;
        background-color: #507688;
        color: #FFF;
    }
    .navHeadingOld2022 {
        text-align: left;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left: 20px;
        width: 1260px;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 0px;
        margin-top: 1px;
        margin-left: auto;
        margin-right: auto;
        background-color: #507688;
        color: #FFF;
    }
    .navHeadingRow2
    {
        display:none;
    }
    .navHeadingRow2Old
    {
        display:none;
    }
    .navHeadingUpdateNote {
        text-align: center;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left: 10px;
        width: 1068px;
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 0px;
        margin-top: 1px;
        margin-left: auto;
        margin-right: auto;
        border: solid 1px #333;
        background-color: #FFF;
        color: #D00;
    }
    .navHeadingUpdateNote2022 {
        text-align: center;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left: 10px;
        width: 1268px;
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 0px;
        margin-top: 1px;
        margin-left: auto;
        margin-right: auto;
        border: solid 1px #333;
        background-color: #FFF;
        color: #D00;
    }
    #nav_mobile_outer{
        display:none;
    }
    .newHeadings {
        font-weight: bold;
        margin-bottom: 0px;
        text-align: left;
        padding-left: 9px;
        font-size: 22px;
        background-color: #6697AE;
        color: #FFF;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .noUnderlineHeading {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 13px;
        color:#933;
        text-align: justify;
        font-weight: bold;
    }
    .note {
        font-size: 10px;
        list-style-type: none;
        border: 2px solid #999;
        padding-right: 8px;
        padding-left: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #EEF;
    }
    .noteListButton{
        width:67px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        text-align: center;
        color: #666;
        float: left;
        height: 20px;
        padding-top: 7px;
    }
    .noteListButton:hover {
        text-decoration:underline;
        font-size:13px;
        border:solid 1px #FFF;
        cursor:pointer;
        padding-top:6px;
        height:20px;
        color:#F00;
    }
    .noteListButtonDiv{
        width:414px;
        height:33px;
        background-color:#F8F8F8;
        border-top:2px solid #999;
        border-left:2px solid #999;
        border-right:2px solid #999;
        margin-left:1px;
    }
    .notesHeading3 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 13px;
        color: #004A6A;
        text-align: justify;
        font-weight: bold;
    }
    .notesHeading2 {
        font-size: 15px;
        color: #060;
        text-align: left;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
    }
    .notesHeading1 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        color: #ED7905;
        text-align: left;
        font-weight: bold;
        text-decoration: none;
    }

    #notesListDiv {
        float: left;
        width: 420px;
        margin-right: 0px;
    }
    #notesSystemDiv {
        float: left;
        width: 1037px;
        text-align: center;
    }
    .num_drawings{
        float:left;
        width:20px;
        padding-top:7px;
        font-size:15px;
        font-weight:bold;
        color:#F00;
    }
    #outerCentre{
        display:block;
    }
    .out_message{
        font-size:13px;
        color:#A00;
        width:300px;
        line-height:1.3em;
        height:40px;
        text-align:center;
    }
    #out_message{
        font-size:13px;
        color:#F00;
        width:300px;
    }
    #outText{
        width:412px;
        background-color:#F8F8F8;
        height:755px;
        font-size: 10px;
        font-family: Verdana, Geneva, sans-serif;
    }
    .page_next {
        float: right;
        margin-bottom: 0px;
        border: solid 0px #BBB;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 6px;
        font-size:14px;
    }
    .page_next_top {
        float: right;
        border: solid 0px #BBB;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 6px;
        font-size:14px;
    }
    .page_previous {
        float: left;
        border: solid 0px #BBB;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 6px;
        font-size:14px;
    }
    .panelFooters {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 9px;
        clear: both;
        margin-right: -5px;
        margin-left: -5px;
        text-align: center;
    }
    #plansDiv {
        width: 1080px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        border-top: 0px solid #CCC;
        margin-top: 0px;
    }
    #plansDiv2022 {
        width: 1280px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        border-top: 0px solid #CCC;
        margin-top: 0px;
    }
    .pp_str_checkout_header{
        clear:both;
        margin-bottom:10px;
        text-align:center;
        font-size:20px;
        font-weight:bold;
    }
    .pp_str_checkout_outer{
        clear:both;
        width:700px;
        margin:20px auto 20px auto;
        background-color:#FCFCFC;
        border:solid 1px #999;
        border-radius:5px;
    }
    .pp_str_checkout_inner{
        clear:both;
        width:560px;
        margin:0 auto 0 auto;
        background-color:#FCFCFC;
        padding:10px 0 20px 0;
    }
    .priceText {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #900;
        text-align: center;
        cursor: pointer;
        border:solid 2px #568093;
        border-radius:5px;
        background-color:#E3E9EC;
        float:right;
        width:115px;
        height:72px;
        margin-right:27px;
        margin-top:12px;
        padding-top:8px;
    }
    .regBacsInfo{
        font-size:12px;
        padding-bottom:7px;
    }
    .regConfCentre{
        padding:12px 3px 3px 3px;
        margin-top:3px;
        font-size:11px;
        border:solid 2px #6697AE;
        box-shadow:1px 1px 20px #88BBCC;
    }
    .regConfDetails{
        float:left;
        width:100%;
        margin-left:140px;
    }
    .regConfDivData{
        float:left;
        width:320px;
        height:22px;
        padding-left:10px;
        font-size:13px;
        color:#006;
        text-align:left;
    }
    .regConfDivLabel{
        float:left;
        width:150px;
        height:22px;
        text-align:right;
        font-size:13px;
        font-weight:bold;
    }
    .regConfDivInfo{
        clear:both;
        width:100%;
        height:22px;
        text-align:center;
        font-size:12px;
        font-weight:bold;
        color:#393;
    }
    .regConfHeadings{
        font-weight: bold;
        text-align: left;
        padding-left: 9px;
        font-size: 18px;
        background-color: #FFF;
        color: #333;
        padding-top: 8px;
        padding-bottom: 8px;
        margin-right:4px;
        margin-bottom:5px;
    }
    .regConfInfo{
        line-height:1.4em;
        font-size:15px;
        margin-top:4px;
        margin-bottom:4px;
    }
    .regConfImportant{
        line-height:1.4em;
        font-size:18px;
        margin-top:4px;
        margin-bottom:4px;
        color:#F00;
    }
    .regConfInner {
        padding: 3px;
        float: left;
        width: 714px;
        border: 2px solid #FFF;
        background-size:cover;
    }
    .regConfMiddle{
        float: left;
        margin-left: 4px;
        margin-right: 4px;
        margin-top: 4px;
        border: 1px solid #999;
        width:723px;
        padding:8px;
    }
    .regConfOuter{
        width:730px;
        margin-left:auto;
        margin-right:auto;
        height:570px;
    }
    .regConfTabLabel {
        font-size:11px;
        height:30px;
        text-align:right;
        font-weight:bold;
        width:80px;
    }
    .regConfTabData {
        width:230px;
        padding-left:10px;
        font-size:12px;
        color:#006;
    }
    .regFindout{
        height:30px;
    }
    .regHeadings{
        font-size:12px;
    }
    .regImage {
        border: solid 1px #ED7905;
        margin-left: 3px;
        width: 160px;
        float: left;
        margin-top: 0px;
    }
    .regInfoColLeft{
        float:left;
        width:350px;
        height:735px;
        border:solid 1px #000000;
    }
    .regInfoCol{
        float:left;
        width:107px;
        height:735px;
        border-left:solid 1px #000000;
        border-top:solid 1px #000000;
        border-bottom:solid 1px #000000;
    }
    .regInfoColRight{
        float:left;
        width:107px;
        height:735px;
        border-left:solid 1px #000000;
        border-right:solid 1px #000000;
        border-top:solid 1px #000000;
        border-bottom:solid 1px #000000;
    }
    .regInfoCorner{
        float:left;
        width:320px;
        height:40px;
        padding-top:5px;
        font-size:14px;
        font-weight:bold;
    }
    .regInfoHeader{
        float:left;
        width:107px;
        height:40px;
        padding-top:5px;
        font-size:14px;
    }
    .regInfoRow{
        float:left;
        width:107px;
        height:50px;
        padding-top:30px;
        font-size:18px;
        font-weight:bold;
        text-align:center;
    }
    .regInfoRowStripe{
        background-color: #ffEECC;
    }
    .regInfoRowPrice{
        float:left;
        width:107px;
        height:50px;
        padding-top:15px;
        border-top:solid 1px #333;
        font-size:14px;
        text-align:center;
    }
    .regInfoTitleRow{
        float:left;
        width:350px;
        height:50px;
        padding-top:30px;
        font-size:14px;
        text-align:center;
    }
    .regInfoTitleRowPrice{
        float:left;
        width:350px;
        height:50px;
        padding-top:15px;
        border-top:solid 1px #333;
        font-size:14px;
        font-weight:bold;
        text-align:center;
    }
    /* OLD Still Used */
    .regDiv{
        margin-left:auto;
        margin-right:auto;
        width:1284px;
        text-align:center;
        background-color:#EEE;
        height:480px;
    }
    #regBox {
        margin-left: 40px;
        border: solid 1px #000;
        width: 400px;
        margin-top: 30px;
        float: left;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        background-color: #E6E6E6;
    }
    #regBoxOuter{
        width: 460px;
        float:left;
    }
    .regInner{
        width:530px;
        float:left;
        height:300px;
        margin-bottom:20px;
        margin-left:140px;
    }
    .regInnerGrid_1{
        float:left;
        height:300px;
        margin-top:30px;
    }
    .regInnerGrid_2{
        float:left;
        height:300px;
        margin-top:30px;
        margin-left:20px;
    }

    /* NEW */
    .regDiv_New{
        margin-left:auto;
        margin-right:auto;
        width:1284px;
        text-align:center;
        background-color:#EEE;
        height:480px;
    }
    .regInnerLogos{
        width:590px;
        height:75px;
        padding-top:25px;
    }
    #regBox_New {
        margin-left: 40px;
        border: solid 1px #000;
        width: 400px;
        margin-top: 30px;
        float: left;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        background-color: #E6E6E6;
    }
    #regBoxOuter_New{
        width: 460px;
        float:left;
        margin-left:50px;
    }
    .regInner_New{
        width:550px;
        float:left;
        height:300px;
        margin-bottom:20px;
        margin-left:100px;
    }
    .regInnerGrid_1_New{
        float:left;
        height:260px;
        margin-top:30px;
    }
    .regInnerGrid_2_New{
        float:left;
        height:120px;
        margin-top:25px;
        border:solid 1px #000;
    }


    .regInput{
        width:110px;
        text-align:right;
    }
    .regInputText{
        font-size:13px;
    }
    .registerButton{
        margin:10px 20px 0px 0px;
        padding:3px 20px 3px 20px;
        font-size:14px;
        font-weight:bold;
        color:#FFF;
        border-radius:10px;
        background-image:linear-gradient(rgba(102,151,174,1), rgba(102,231,174,1));
        border:solid 2px #FFF;
        box-shadow:1px 1px 20px #88BBCC;
        cursor:pointer;
    }
    .registerButton:disabled{
        margin:10px 20px 0px 0px;
        padding:3px 20px 3px 20px;
        font-size:14px;
        font-weight:bold;
        color:#FFF;
        border-radius:10px;
        background-image:linear-gradient(rgba(200,200,200,1), rgba(200,200,200,1));
        border:solid 2px #FFF;
        box-shadow:1px 1px 20px #666;
        cursor:pointer;
    }
    .register_here_button{
        margin:0px auto 0px auto;
        width:250px;
        border:solid 4px #6697AE;
        box-shadow:1px 1px 20px #88BBCC;
        background-image:linear-gradient(rgba(155,77,221,1), rgba(69,216,216,1));
        border-radius:30px;
        padding:15px 10px 15px 10px;
        text-align:center;
        font-size:22px;
        font-weight:bold;
        color:#FFF;
    }
    .register_here_button_small{
        margin:0px auto 0px auto;
        width:280px;
        border:solid 4px #6697AE;
        box-shadow:1px 1px 20px #88BBCC;
        background-image:linear-gradient(rgba(155,77,221,1), rgba(69,216,216,1));
        border-radius:30px;
        padding:10px 10px 10px 10px;
        text-align:center;
        font-size:20px;
        font-weight:bold;
        color:#FFF;
    }
    .register_here_button_tiny{
        float:left;
        margin:-2px 0 2px 80px;
        width:420px;
        border:solid 2px #FAFAFA;
        box-shadow:1px 1px 10px #88BBCC;
        background-image:linear-gradient(rgba(155,77,221,1), rgba(50,190,190,1));
        border-radius:10px;
        padding:2px 10px 2px 10px;
        text-align:center;
        font-size:16px;
        font-weight:bold;
        color:#FFF;
    }
    #registerMobileBanner{
        display:none;
        width:0px;
    }
    .regPPButtons{
        margin:10px 80px 5px 80px;
    }
    .regPrompt_1{
        font-size:32px;
    }
    .regPrompt_2{
        font-size:24px;
    }
    .regTable{
        width:410px;
    }
    .regTypeLabel{
        font-weight:bold;
    }
    .sampleNotes {
        font-size: 12px;
        font-style: italic;
        font-weight: normal;
        color: #A00;
        text-align: justify;
        float: left;
    }
    .sampleNotesDiv{
        float: left;
        margin-bottom: 18px;
        width: 97%;
        background-color: #F8F8F8;
        border:solid 2px #6697AE;
        box-shadow:1px 1px 15px #88BBCC;
        border-radius: 4px;
        padding: 10px 10px 15px 10px;
    }
    .searchButton{
        height:32px;
        font-size:16px;
        font-weight:bold;
        border-radius: 5px;
        width:120px;
        border: 1px solid #770000;
        color: #770000;
        background-image: url(/images/header/button_grad.jpg);
        background-position: center;
        background-size: contain;
        cursor: pointer;
    }
    .section {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        cursor: pointer;
        list-style-type: none;
        text-align: left;
        text-indent: 0;
        margin-left: 0px;
        padding-left: 0px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #999;
        height: 25px;
        line-height: 2.4em;
    }
    #sectionDiv {
        width: 230px;
        border: 2px solid #999;
        padding-left: 4px;
        padding-right: 2px;
        height: 790px;
        background-color: #F8F8F8;
    }
    .slicknav_menu{
        display:none;
    }
    .smallerText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 13px;
        color: #484848;
        text-align: justify;
        font-weight: normal;
    }
    .smallList {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 13px;
        font-weight: normal;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .smallText {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 13px;
        color: #484848;
        text-align: left;
        font-weight: normal;
    }
    .staticList {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 13px;
        color: #484848;
        text-align: left;
        font-weight: normal;
        line-height: 2.3em;
    }
    .stripe_button_link{
        width:500px;
        background-image:linear-gradient(rgba(155,77,221,1), rgba(69,216,216,1));
        border:solid 0px #FFF;
        border-radius:10px;
        box-shadow:1px 1px 5px #000;
        color:#FFF;
        font-weight:bold;
        font-size:22px;
        cursor:pointer;
        margin:7px 0px 8px 0px;
        padding:14px 0px 14px 0px;
    }
    .stripe_button_checkout{
        width:450px;
        background-image:linear-gradient(rgba(155,77,221,1), rgba(69,216,216,1));
        border:solid 0px #FFF;
        border-radius:20px;
        box-shadow:1px 1px 5px #000;
        color:#FFF;
        font-weight:bold;
        font-size:22px;
        cursor:pointer;
        margin:7px 0px 8px 0px;
        padding:14px 0px 14px 0px;
    }
    .subHeadingNew {
        font-size: 16px;
        color: #004A6A;
        text-align: left;
        font-weight: bold;
    }
    .subPanelOuter {
        float:left;
        width:385px;
        margin-left:5px;
        margin-top:10px;
    }
    .subPanelHighlight {
        float:left;
        width:260px;
        padding-top:2px;
    }
    .subPanelSmaller {
        float:left;
        width:260px;
        padding-top:3px;
    }
    .subPanelOuterNew {
        float:left;
        width:468px;
        padding:4px 7px 4px 10px;
        margin-left:0px;
        margin-top:20px;
        box-shadow:1px 1px 8px silver;
    }
    .subPanelOuterNewWide {
        float:left;
        width:588px;
        padding:4px 7px 4px 10px;
        margin-left:0px;
        margin-top:20px;
        box-shadow:1px 1px 8px silver;
    }
    .subPanelHighlightNew {
        float:left;
        width:350px;
        padding-top:2px;
    }
    .subPanelSmallerNew {
        float:left;
        width:350px;
        padding-top:3px;
    }
    .subPanelSmallerNewWide {
        float:left;
        width:470px;
        padding-top:3px;
    }
    .subPanelImageDiv{
        float:right;
        width:105px;
        margin-top:2px;
    }
    .thumbnail_image{
        width:100px;
        height:75px;
    }
    .thumbnail_outer{
        float:left;
        margin-left:27px;
        margin-top:15px;
    }
    .thumbSamples {
        border: 2px solid #00F;
        cursor: pointer;
    }
    .tinyList {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #484848;
        text-align: left;
        line-height: 1.4em;
        margin-top: 7px;
        margin-bottom: 7px;
    }
    .tinyText {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        color: #161616;
        text-align: left;
        font-weight: normal;
    }
    .tooltipHighlightText{
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        color: #341B01;
        text-align: left;
        font-weight: bold;
        line-height:1.3em;
    }
    .tooltipNormalText{
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        color: #161616;
        text-align: left;
        font-weight: normal;
        line-height:1.3em;
    }
    .topPageHeading {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 17px;
        color: #644B31;
        text-align: left;
        font-weight: bold;
        text-decoration: none;
    }
    .updateTimeline{
        float:left;
        width:430px;
        font-size:14px;
        margin-top:2px;
        text-align: left;
    }
    .updateTimelineWide{
        float:left;
        width:550px;
        font-size:14px;
        margin-top:2px;
        text-align: left;
    }
    .updateTimelineLink{
        text-decoration:none;
        color: #333;
        cursor:pointer;
    }
    .warnCell{
        font-size:13px;
        font-weight:bold;
        color:#F00;
    }
    #webAppDiv {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        font-family: Tahoma, Geneva, sans-serif;
    }
}