/*----------------------------------------------------------------*/
/* UNIVERSAL STYLES												  */
/*----------------------------------------------------------------*/
body {
    margin: 0;
    padding: 0;
    /*    background-color: #ebedf1;*/
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0px;
}

img {
    border: 0;
}

h1 {
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
}

h2 {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

p {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
}


.formFieldDetails {
    font-size: 10px;
    font-style: italic;
}

.line {	
    float: left;
    display: block;
    border-top: 1px solid #333333;
    width: 100%;
    height: 1px;
    margin-bottom: 20px;
}

#main_container {
    /*	width: 1000px;
            margin-top: 10px;
            margin-bottom: 10px;
            margin: auto;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#header_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 100;
    width: 100%;
    height: 46px;
    background-image: url(../images/head_dark_bg.jpg);
    /*	background-color: #CCCCCC;*/
    background-color: #0E2854;
    /*        background-repeat: no-repeat;*/
}

#fbs_logo {
    position: absolute;
    top: 0;
    right: 0;
    height: 83px;
    width: 400px;
    background-image: url(../images/head_light_bg.jpg);
}

#header_title {
    margin-top: 10px;
    margin-left: 20px;
}

#header_providedby {
    margin-top: 18px;
    margin-right: 20px;
}

#nav_container {
    position:fixed;
    top: 83px;
    width: 100%;
    /*	background-image: url(../images/page_bg.gif);*/
    background-repeat: repeat-y;
    z-index: 100;
}

#nav_bar {	
    width: 100%;
    height: 27px;
    margin: auto;
    background-image: url(../images/navbar_bg.gif);
    background-repeat: repeat-x;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

#nav_list {
    float: left;	
}

#nav_login_info {
    float: right;
    font-size: 11px; 
    color: #FFFFFF;
    padding-top: 4px;
    padding-right: 12px;
}

#nav_login_info a:link{ color: #0e2854; font-weight: bold; text-decoration: underline }
#nav_login_info a:visited{ color: #0e2854; font-weight: bold; text-decoration: underline }
#nav_login_info a:hover{ color: #FFFFFF; font-weight: bold; text-decoration: none }
#nav_login_info a:active{ color: #0e2854; font-weight: bold; text-decoration: underline }

#body_container {
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    font-size: 12px;
    height: calc(100% - 139px);
    position: absolute;
    top: 46px;
    bottom: 29px;
    left: 0;
    right:0;
    z-index: 50;
    /*    margin-top: 128px;
        margin-bottom: 29px;*/
}

#body_container a:link.ondark { text-decoration: underline; font-weight: bold; color: #B37F24; }
#body_container a:visited.ondark { text-decoration: underline; font-weight: bold; color: #B37F24;}
#body_container a:hover.ondark { text-decoration: none; font-weight: bold; color: #DFAC53;}
#body_container a:active.ondark { text-decoration: underline; font-weight: bold; color: #B37F24;}

#body_container a:link.onlight { text-decoration: underline; font-weight: bold; color: #0069AA; }
#body_container a:visited.onlight { text-decoration: underline; font-weight: bold; color: #0069AA;}
#body_container a:hover.onlight { text-decoration: none; font-weight: bold; color: #00BCE4;}
#body_container a:active.onlight { text-decoration: underline; font-weight: bold; color: #0069AA;}


#page_content {
    float: left;
    position: relative;
    margin-bottom: 29px;
    /*    margin-top: 129px;*/
}

.commonPage {
    width: 100%;
    padding: 20px;
    min-height:437px;
    height:auto !important;
    height:437px;	
}

.mapPage {
    width: 100%;
    min-height:437px;
    /*    height:auto !important;*/
    height:100%;
}

.checkoutPageContent {
    float: left;
    width: 618px;

    padding-top: 20px;
    padding-bottom: 20px;
}

.rightMargin {
    margin-right: 10px;
}
.floatLeftContainer {
    float: left;
}
.checkoutPagesContainer {
    width: 618px;
    margin: auto;
} 

.fullPagesContent {
    float: left;
    width: 100%;
    padding-top: 20px;
}

.containFormButton {
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.containerTitleLine {
    border-bottom: 1px solid #666666;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
}

.halo, .halo-rounded {

    z-index: 45!important;
    outline: 0!important;
    border-color: transparent!important;
/*    box-shadow: 0 0 15px 7px rgba(128, 252, 45, .8)!important;*/
    box-shadow: 0 0 15px 7px rgba(255, 255, 255, .8)!important;
/*    pointer-events:none;*/

}

.halo-rounded {
    border-radius: 15px;

}


.basicList, .helpList {
    list-style-type: square;
    margin: 0;
    margin-bottom: 20px;	
    padding: 0;
}

.basicList li {
    list-style-type: square;
    margin: 0;
    padding: 0;
    margin-left: 40px;
}

.helpList li {
    list-style-type: square;
    margin: 0;
    padding: 0;
    margin-left: 80px;
}

.cursorPointer {
    cursor: pointer;
}


#paging {
    text-align: right;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-top: 2px;
    font-size: 20px;
    color: #999999;
}

#paging a:link { text-decoration: none; font-weight: bold; color: #0069AA; }
#paging a:visited { text-decoration: none; font-weight: bold; color: #0069AA;}
#paging a:hover { text-decoration: none; font-weight: bold; color: #00BCE4;}
#paging a:active { text-decoration: none; font-weight: bold; color: #0069AA;}

/*----------------------------------------------------------------*/
/* INDEX PAGE STYLES											  */
/*----------------------------------------------------------------*/
.homePage {
    width: 100%;
    padding: 0px;
    background-repeat: repeat-y;
    height:auto !important;

}

#homePageTopContainer {
    width: 100%;
    background-image: url(../images/MWHsplashBanner2.png);
    background-position: left center;
    height: 400px;
    padding: 50px 0;
}

#homePageLoginContainer {
    width: 400px;
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    margin: 20px auto;
    top: 90px;
    left: calc(50% - 200px);
    padding: 10px;
    z-index: 30;

}

#homePageLoginLogoContainer{
    position: absolute;
    top: 10px;
    right: 15%;
    z-index: 20;

}

#homePageLoginLeftSide {
    width: 200px;
    height: 150px;
    float: left;
    z-index: 30;
    text-align: center;
}


#homePageLoginRightSide {
    width: 180px;
    height: 150px;
    z-index: 30;
    float: right;
    text-align: center;
}

#homePageLoginLeftSide h1, #homePageLoginRightSide h1{
    text-align: center;
    text-indent: -20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #182A54;
}

.homePageSection {
    width: 100%;
    margin:0 auto;
    padding: 0; 
}

#homePageHowDoesItWorkContainer, #whatsAvailableContainer, #showMeContainer {
    width: 100% !important;
    margin: 0 auto;
}

#homePageHowDoesItWorkContainer >.sectionContent,  #whatsAvailableContainer >.sectionContent {
    width: calc(100% - 200px) !important;
    margin: 0 auto;
}

#showMeContainer >.sectionContent {
    width: 560px !important;
    margin: 0 auto 20px auto;
}

#homePageHowDoesItWorkContainer h2, #whatsAvailableContainer h2, #showMeContainer h2 {
    float: left;
    display: block;
    width: 100%;
    background-color: #273755;
    color: #FFFFFF;
    border-bottom: 1px solid #666666;
    font-size: 24px;
    font-weight: normal;
    text-indent: 40px;
    padding: 5px 0;
    margin:  0 0 20px 0;
    /*    float: left;
        display: block;
        width: 100%;
        color: #000000;
        font-size: 24px;
        font-weight: normal;
        padding: 0;
        margin: 0;
        margin-bottom: 20px;*/
}

#homePageHowDoesItWorkContainer h3, #whatsAvailableContainer h3,  #showMeContainer h3{
    color: #000000;
    font-size: 18px;
    font-weight: normal;
}

.whatsavailable_item {
    height: 240px;
    margin: auto;
    text-align: center;
}

.howdoesitwork_item {
    height: 240px;
    margin: auto;
    text-align: center;
}

.whatsavailable_item img{
    width: 225px;
    height: 137px;
}

.homePageIntroContainer {
    width: 984px;
    height: 259px;
    background-image: url(../images/intro_shadow.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

.homePageLargeBanner {
    float: left;
    width: 655px;
    border-right: 1px solid #000000;
}
.homePageSmallBanner {
    float: left;
    height: 229px;
    width: 288px;
    padding: 10px 10px 10px 30px;
    background-image: url(../images/sign_up_banner.jpg);
    color: #FFFFFF;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
}

.homePageSmallBanner img {
    margin-top: 10px;
}

.homePageContent {
    float: left;
    width: 944px;
    padding: 10px 20px 20px 20px;
}


/*----------------------------------------------------------------*/
/* DIV CONTAINER STYLES	TYPE A									  */
/*----------------------------------------------------------------*/

.containerTypeA {
    background-color: #EBEDF1;
    /*    overflow: hidden;*/
}

.containerTypeA .sectionContent {
    float: left;
    margin: 0;
    color: #333333;
    overflow-x: hidden; 
    overflow-y: auto;
}

.containerTypeA h1 {
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #000000;
}

.containerTypeA h2 {
    float: left;
    display: block;
    width: 100%;
    background-color: #273755;
    color: #FFFFFF;
    border-bottom: 1px solid #666666;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    /*background-image: url(../images/shared_images/typeAheadbg.gif);*/
    background-repeat: repeat-x;
}

.containerTypeA h2 span {
    display: block;
    padding: 6px;
    color: #FFFFFF;
}

.containerTypeA h1 a { color: #0069AA; }
.containerTypeA h1 a:hover { text-decoration: none; color: #00BCE4; }
.containerTypeA a { font-weight: bold; color: #0069AA; text-decoration: underline}
.containerTypeA a:hover { font-weight: bold; color: #00BCE4; text-decoration: none;}
.containerTypeA p { 
    margin: 0;
}

.containerTypeA .small {
    font-size: 10px;
}

/*----------------------------------------------------------------*/
/* DIV CONTAINER STYLES	TYPE B									  */
/*----------------------------------------------------------------*/

.containerTypeB {
    background-color: #ffffff;
}

.containerTypeB .sectionContent {
    float: left;
    padding-top: 20px;
    margin: 0;
    color: #333333;
    overflow-x: hidden; 
    overflow-y: auto;
}

.containerTypeB span a.readmore {
    font-size: 10px;
    color: #0069AA;
    font-weight: normal;
    text-decoration: underline;
}

.containerTypeB span a.readmore:hover {
    color: #000000;
}

.containerTypeB h1 {
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #000000;
}

.containerTypeB h2 {
    float: left;
    display: block;
    width: 100%;
    color: #000000;
    border-bottom: 1px solid #000000;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;	
}

.containerTypeB h2 span {
    display: block;
    padding: 6px 0px;
    color: #000000;
}

.containerTypeB h1 a { color: #0069AA; }
.containerTypeB h1 a:hover { text-decoration: none; color: #00BCE4; }
.containerTypeB a { font-weight: bold; color: #0069AA; text-decoration: underline}
.containerTypeB a:hover { font-weight: bold; color: #00BCE4; text-decoration: none;}
.containerTypeB p {
    margin: 0px 0px 10px 0px;
}


/*----------------------------------------------------------------*/
/* SAMPLES PAGE STYLES											  */
/*----------------------------------------------------------------*/

.sampleList {
    float: left;
    width: 308px;
    border-bottom: 1px solid #666666;
    padding: 4px 4px 4px 20px;
    font-weight: bold;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #464646;
    background-image: url(../images/arrow_close.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;	
}

.sampleListOpen {
    float: left;
    width: 308px;
    border-bottom: 1px solid #666666;	
    padding: 4px 4px 4px 20px;
    font-weight: bold;
    cursor: pointer;		
    background-color: #B37F24;
    background-image: url(../images/arrow_open.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.sampleDetails {
    clear:both;
    padding: 10px;
    width: 312px;
    display: none;
    color: #333333;
    background-color: #dddddd;
}

#sampleImage {
    border: 1px solid #333333;
}


/*----------------------------------------------------------------*/
/* CONTACT PAGE STYLES											  */
/*----------------------------------------------------------------*/
#contactMap {
    float: left;
    border: 1px solid #333333;
    width: calc(100% - 325px);
    height: 435px;

}

/*----------------------------------------------------------------*/
/* FOOTER STYLES												  */
/*----------------------------------------------------------------*/
#footer_container {
    float: left;
    width: 100%;
    height: 29px;
    /*	background-image: url(../images/footer_main.gif);*/
    background-color: #0E2854;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    z-index: 100;
}

#footer_left_side {
    float: left;
    width: 16px;
    height: 29px;
    /*    margin-left: 10px;*/
    /*	background-image: url(../images/footer_left.gif);*/
    /*	background-repeat: no-repeat;
            background-position: top left;*/
}

#footer_content {
    /*	float: left;*/
    width: 100%;
    font-size: 10px;
    color: #FFFFFF;

}

#footer_right_side {
    float: right;
    margin-right: 10px;

    width: 16px;
    height: 29px;
    /*	background-image: url(../images/footer_right.gif);
            background-repeat: no-repeat;
            background-position: top right;*/
}

#footer_content_left {
    float: left;
    padding-top: 8px;
    /*        margin-left: 10px;*/

}

#footer_content_right {
    float: right;
    margin-right: 10px;

    padding-top: 6px;
}

a.footerlink:link { text-decoration: underline; font-weight: normal; color: #FFFFFF; }
a.footerlink:visited { text-decoration: underline; font-weight: bold; color: #FFFFFF;}
a.footerlink:hover { text-decoration: none; font-weight: bold; color: #FFFFFF;}
a.footerlink:active { text-decoration: underline; font-weight: bold; color: #FFFFFF;}

/*----------------------------------------------------------------*/
/* ERROR SUCCESS DIV STYLES										  */
/*----------------------------------------------------------------*/
#errorDiv {
    display: none;
    float: left;
    width: 100%;
    background-color: #FFCCCC;
    border-bottom: 1px solid #FF0000;
    position: fixed;
    top: 110px;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 100;
}

#errorMessage {
    float: left;
    font-size: 12px;
    padding: 10px;
    font-weight: bold;
    color: #FF0000;
}

#successDiv {
    display: none;
    float: left;
    width: 100%;
    background-color: #CCFFCC;
    border-bottom: 1px solid #00FF00;
}

#successMessage {
    float: left;
    font-size: 12px;
    padding: 10px;
    font-weight: bold;
    color: #339900;	
}

#successDiv #imageSuccess, #errorDiv #imageError {
    padding: 6px;
    float: left;
}

#containCloseError {
    float: right;
    padding: 10px;
}

#containCloseSuccess {
    float: right;
    padding: 10px;
}

#containClose {
    float: right;
    padding: 10px;
}


/*----------------------------------------------------------------*/
/* INFO BOX STYLES												  */
/*----------------------------------------------------------------*/

#info_box_header {
    /*    float: left;*/
    width: 100%;
    height: 25px;
}

#info_box_tr {
    float: left;
    width: 9px;
    height: 25px;
    display: none;
}

#info_box_title {
    float: left;
    height: 25px;
    width: 100% !important;
    /*    background-image: url(../images/infobox_tm.gif);*/
    background-color: #0E2854;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    text-indent: 20px
        /*    padding: 0 20px;*/
}

#info_box_tl {
    float: left;
    width: 9px;
    height: 25px;
    display: none;

}

#info_box_body {
    float: none;
    /*    border-left: 1px solid #333333;
        border-right: 1px solid #333333;*/
    width: 100% !important;
}

#info_box_footer {
    float: left;
    width: 100%;
    height: 12px;
    font-size: 0px;
    display: none;

}

#info_box_bl {
    float: left;
    width: 9px;
    height: 12px;
}

#info_box_bm {
    float: left;
    height: 12px;
    background-image: url(../images/infobox_bm.gif);
}

#info_box_br {
    float: left;
    width: 9px;
    height: 12px;
}

.checkout_inner_container {
    margin: 10px;
}

/* I THINK THIS CAN BE DELETED
/*----------------------------------------------------------------*/
/* INFO POPUP STYLES											  */
/*----------------------------------------------------------------*/
#popup_info_container {
    position: absolute;
    top: 21px;
    left: 451px;
    width: 257px;
    height:423px;
    display: none; 
    z-index: 10000;
}

#popup_info_contain_trans_bg {
    top: 21px;
    left: 451px;
    width: 257px;
    height:423px;
    background-image: url(../images/popup_info_bg.png);
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 10001;
}

#popup_info_title {
    float: left;
    width: 228px;
    height: 21px;
    padding-top: 4px;
    padding-left: 11px;
    padding-right: 11px;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
}

#popup_info_title img {
    position: relative;
    margin-top: -1px;
    margin-right: 5px;
    cursor: pointer;
}

#popup_info_content {
    float: left;
    width: 228px;
    /*height: 304px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 11px;
    padding-right: 11px;
    overflow: hidden;
}

#popup_info_content p {
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

#popup_info_pointer {
    position: absolute;
    display: none;
    left: 700px;
    width: 77px;
    height: 36px;
    /*background: url(../images/popup_info_pointer.png);*/
    z-index: 10001;
}

#languageSelection {
    display: inline;
    font-size: 12px;
    margin-left: 10px;
}

#dialogueBoxBackground {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    z-index: 25000;
}

#dialogueBoxWrapper {
    display: none;
    position: absolute;
    width: 450px;
    height: 200px;
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -100px;
    z-index: 25001;
}

#dialogueIcon { float: left; width: 44px; }
#dialogueText { float: left; width: 380px; font-weight: bold; font-size: 12px;}
#hideDialogue { float: left; width: 100%; text-align: center; margin-top:20px;}


#loginContainer, #signUpContainer, #profileInfoContainer, #registrationInfoContainer {
    width: 300px !important;
}
#loginContainer, #signUpContainer {
    float: right !important;
}
#aboutContainer {
    float: left !important;
    margin: 10px !important;
    padding: 0 !important;
    width: calc(100% - 350px) !important;
}

#aboutContainer > div.sectionContent {
    width: calc(100% - 30px) !important;
}

#aerialimageryDescription {
    width: calc(100% - 340px) !important;

}

#clientListContainer {
    float: right !important;
    margin: 10px !important;
    padding: 0 !important;
}

#legalContainer {
    float: right !important;
    margin: 0 !important;
    margin-right: 20px !important;
    padding: 0 !important;
    width: calc(100% - 240px) !important;
    min-height: 402px !important;
    height: auto !important;
}

#legalContainer > div.sectionContent {
    width: calc(100% - 40px) !important;
    /*    min-height: 332px !important;*/
    height: auto !important;
}

#legalOverlay {
    position: absolute;
    top: calc(50% - 190px);
    left: calc(50% - 308px);
    width: 615px;
    height: 450px;
    display: none;
    z-index: 9997;
}



#legalTransparentBg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 615px;
    height: 450px;
    padding: 10px;
    z-index: 9998;
    border: 1px solid #0e2854;
    background-color: #EBEDF1;
    opacity: .86;
    filter: alpha(opacity=86);
    -moz-opacity: 0.86;
}

#legalContents {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 615px;
    height: 450px;
    padding: 10px;
    z-index: 9999;
    border: 1px solid #333333;
}

.legalHeader {
    padding: 3px;
    background-color: #0e2854;
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 10px;
}
#legalOverlay > #legalContents > #legalindexContainer {
    margin: 0 10px 0 0 !important;
    display: block;
    float: left;
    width: 200px !important;
}
#legalOverlay > #legalContents > #legalContainer {
    float: right !important;
    margin: 0 !important;
    margin-right: 0px !important;
    padding: 10px !important;
    width: calc(100% - 210px) !important;
    min-height: 385px !important;
    height: 385px !important;
    overflow-y: scroll;
}

#faqContainer {
    float: left !important;
    margin: 0 !important;
    margin-right: 20px !important;
    padding: 0 !important;
    width: calc(100% - 320px) !important;
    min-height: 402px !important;
    height: auto !important;
}

#faqContainer > div.sectionContent {
    width: calc(100% - 40px) !important;
    min-height: 332px !important;
    height: auto !important;
}

#newsContainer {
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
    width: calc(100% - 320px) !important;
    min-height: 402px !important;
    height: auto !important;
}

#newsContainer > div.sectionContent {
    width: calc(100% - 40px) !important;
    min-height: 332px !important;
    height: auto !important;
}


#loginContainer #info_box_body, #signUpContainer #info_box_body, #profileInfoContainer #info_box_body, #registrationInfoContainer #info_box_body {
    width: 100% ;
    height: auto !important;
    padding: 25px !important;
}

#info_box_container #info_box_body {
    height: 100% !important;
}

#sampleSelContainer {
    width: 400px !important;
    height: 665px !important;
}
#sampleDetailsContainer{
    width: 100% !important;
}

#sampleFilesContainer{
    width: 100% !important;
    height: 397px !important;
}

#profileDetailsContainer {
    float: right !important;
    padding: 0 !important;
    width: 320px;

}

#profileDescriptionContainer {
    float: left !important;
    padding: 0 !important;
    width: calc(100% - 340px) !important;

}

#transactionListContainer {
    float: right !important;
    padding: 0 !important;
    width: calc(100% - 280px) !important;

}

#transactionListContainer > div.sectionContent, #transactionListContainer > div.sectionContent > div, #transactionListContainer #transactionTable{
    width: 100% !important;
}

#transactionItemsContainer {
    float: right !important;
    padding: 0 !important;
    width: calc(100% - 280px) !important;

}

#transactionItemsContainer > div.sectionContent, #transactionItemsContainer > div.sectionContent > div, #transactionItemsContainer #transactionItemTable{
    width: 100% !important;
}
#sampleFilesContainer > div.sectionContent {
    width: calc(100% - 20px) !important;
    overflow-x: hidden;
    overflow-y: auto;
}

#sampleDetailsContainer > div.sectionContent {
    width: 100% !important;
    overflow-x: hidden;
    overflow-y: auto;
}

#clientListContainer > div.sectionContent, #coverageContainer > div.sectionContent, #sampleDetailsContainer > div.sectionContent > div.sampleList, #sampleDetailsContainer > div.sectionContent > div.sampleListOpen, #sampleDetailsContainer > div.sectionContent > div.sampleDetails {
    width: 100% !important;
}

#tutorialArchivesContainer {
    float: right !important;
    padding: 0 !important;
    width: calc(100% - 340px) !important;

}

#profileFormContainer {
    float: right !important;
    padding: 0 !important;
    width: calc(100% - 340px) !important;

}



.topnav .icon {
    display: none;
}

.sale {
    color: red;
    font-weight: bold;
}



@media screen and (max-width: 920px) {



    .topnav > #navigation li {display: none !important;}
    .topnav a.icon {
        float: left;
        color: #f2f2f2;
        text-decoration: none;
        display: block;
        padding: 4px 6px;
        font-size: 17px;
        background-color: #94691C;
    }

    .topnav > #navigation dd {
        margin-left: 100px;
        clear:inherit;
        position: relative;
        border-bottom: none;
    }

    .topnav > #navigation dd > a, .topnav > #navigation dd > a:visited {
        padding : 5px 20px;
        min-width: 150px;
    }
}

@media screen and (max-width: 920px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        left: 0;
        top: 0;
    }

    .topnav.responsive > #navigation {
        margin-top: 27px;
        background-color: #94691C;
    }
    .topnav.responsive > #navigation li {
        float: none;
        display: block !important;
        text-align: left;
        height: 24px
    }

    .topnav.responsive > #navigation dt {
        border-right: none;
        width: 100%;
    }

    .topnav.responsive > #navigation dl {
        width: 100%;
        height: auto !important;
        overflow: visible;
    }

    #transactionListContainer {
        float: none !important;
        width: 100% !important;

    }
    #transactionDetailsContainer {
        float: none !important;
        width: 100% !important;
        min-height: 380px !important;
    }
    
    #profileDetailsContainer {
        float: none !important;
        width: 100% !important;
    }
    #profileDescriptionContainer {
        float: none !important;
        width: 100% !important;
    }

    #orderHistoryListContainer,  #orderHistoryListContainer > div.sectionContent,
    #transactionItemsContainer, #transactionItemsContainer > div.sectionContent {
        float: none !important;
        width: 100% !important;

    }
    
    #profileInfoContainer {
        float: none !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    #profileFormContainer {
        float: none !important;
        width: 100% !important;
    }

}
@media screen and (max-width: 820px) {
    #header_title {
        width: calc(100% - 450px) !important;
    }
}
@media screen and (max-width: 600px) {
    #ShippingAddressTbl.formTable {
        width:calc(100% - 40px) !important;
    }
    input[type=text]:not(#username){
        width:calc(100% - 20px)!important;
    }
    #tutorialArchivesContainer, #loginContainer, #signUpContainer, #profileInfoContainer, #registrationInfoContainer, #contactInfoContainer, #contactMap, #coverageContainer, #coverageMap {
        width: 100% !important;
    }

    #contactInfoContainer, #contactInfoContainer > .sectionContent, #coverageContainer, #coverageContainer > .sectionContent {
        height: auto !important;
    }



    #loginContainer, #signUpContainer {
        float: none !important;
    }
    #aboutContainer, #aboutContainer > div.sectionContent {
        width: 100% !important;
    }

    #legalindexContainer, #legalindexContainer > div.sectionContent {
        width: 100% !important;
    }

    #tutorialArchivesContainer > div.sectionContent {
        width: calc(100% - 40px) !important;
    }

    #clientListContainer {
        float: none !important;
        width: 100% !important;
    }

    #clientListContainer > div.sectionContent {
        float: none !important;
        margin: auto;
    }

    #legalContainer {
        float: none !important;
        width: 100% !important;
    }

    #legalContainer > div.sectionContent {
        width: 100% !important;
    }


    #newsContainer {
        float: none !important;
        width: 100% !important;
    }

    #newsContainer > div.sectionContent {
        width: 100% !important;
    }


    #loginContainer #info_box_body, #signUpContainer #info_box_body, #profileInfoContainer #info_box_body, #registrationInfoContainer #info_box_body {
        /*        width: calc(100% - 50px) !important;*/
    }

    #aerialimagery-header {
        width: 100% !important;
    }
    #aerialimageryDescription {
        float: none !important;
        width: 100% !important;
    }
    #header_title {
        visibility: hidden;
    }
}