﻿/* ---------------------------------------------------------------------- */
/* Widths
/* ---------------------------------------------------------------------- */
.w-4 {
    width: 4px !important;
}

.w-5 {
    width: 5px !important;
}

.w-11 {
    width: 11px !important;
}

.w-15 {
    width: 15px !important;
}

.w-19 {
    width: 19px !important;
}


.w-20 {
    width: 20px !important;
}

.w-22 {
    width: 22px !important;
}


.w-30 {
    width: 30px !important;
}

.w-31 {
    width: 31px !important;
}

.w-44 {
    width: 44px !important;
}

.w-48 {
    width: 48px !important;
}

.w-54 {
    width: 54px !important;
}

.w-57 {
    width: 57px !important;
}

.w-68 {
    width: 68px !important;
}

.w-70 {
    width: 70px;
}

.w-76 {
    width: 76px !important;
}

.w-79 {
    width: 79px !important;
}

.w-80 {
    width: 80px;
}

.w-85 {
    width: 85px !important;
}

.w-89 {
    width: 89px !important;
}

.w-90 {
    width: 90px;
}

.w-92 {
    width: 92px !important;
}

.w-93 {
    width: 93px  !important;
}


.w-98 {
    width: 98px !important;
}

.w-100 {
    width: 100px;
}

.w-105 {
    width: 105px !important;
}

.w-107 {
    width: 107px !important;
}

.w-110 {
    width: 110px;
}

.w-117 {
    width: 117px !important;
}


.w-120 {
    width: 120px !important;
}

.w-130 {
    width: 130px;
}

.w-138 {
    width: 138px;
}

.w-139 {
    width: 139px;
}

.w-140 {
    width: 140px !important;
}

.w-145 {
    width: 145px !important;
}


.w-146 {
    width: 146px !important;
}


.w-154 {
    width: 154px !important;
}

.w-160 {
    width: 160px !important;
}

.w-170 {
    width: 170px !important;
}

.w-175 {
    width: 175px !important;
}

.w-179 {
    width: 179px !important;
}

.w-190 {
    width: 190px !important;
}

.w-193 {
    width: 193px !important;
}

.w-196 {
    width: 193px !important;
}


.w-200 {
    width: 200px !important;
}

.w-209 {
    width: 209px !important;
}


.w-211 {
    width: 211px !important;
}



.w-213 {
    width: 213px !important;
}

.w-220 {
    width: 220px !important;
}


.w-225 {
    width: 225px !important;
}

.w-231 {
    width: 231px !important;
}

.w-237 {
    width: 237px !important;
}

.w-246 {
    width: 246px !important;
}

.w-272 {
    width: 272px !important;
}

.w-273 {
    width: 273px !important;
}


.w-274 {
    width: 274px !important;
}

.w-280 {
    width: 280px !important;
}

.w-287 {
    width: 287px !important;
}


.w-288 {
    width: 288px !important;
}

.w-290 {
    width: 290px !important;
}


.w-296 {
    width: 296px !important;
}


.w-323 {
    width: 323px !important;
}

.w-334
{
 width: 334px !important;
}


.w-325 {
    width: 325px !important;
}

.w-328 {
    width: 328px !important;
}

.w-340 {
    width: 340px !important;
}

.w-372 {
    width: 372px !important;
}

.w-373 {
    width: 373px !important;
}

.w-380 {
    width: 380px !important;
}
.w-392 {
    width: 392px !important;
}

.w-401 {
    width: 401px !important;
}

.w-442 {
    width: 442px !important;
}

.w-510 {
    width: 510px !important;
}

.w-527 {
    width: 527px !important;
}

.w-540 {
    width: 540px !important;
}

.w-580 {
    width: 580px !important;
}

.w-593 {
    width: 593px !important;
}


.w-595 {
    width: 595px !important;
}

.w-596 {
    width: 596px !important;
}

.w-600 {
    width: 600px !important;
}

.w-612 {
    width: 612px !important;
}


.w-635 {
    width: 635px !important;
}

.w-700 {
    width: 700px !important;
}


.w-771
{
    width: 771px !important;
}

.w-800 {
    width: 800px !important;
}




.w-227 {
    width: 227px !important;
}

.w-232 {
    width: 232px !important;
}

.w-272 {
    width: 272px !important;
}

.w-275 {
    width: 275px !important;
}

.w-305 {
    width: 305px !important;
}

.w-307 {
    width: 307px !important;
}


.w-898 {
    width: 898px !important;
}


.w-max {
    width: 100%;
}

.w-20-Perc {
    width: 20% !important;
}

.w-30-Perc {
    width: 30% !important;
}

.w-70-Perc {
    width: 70% !important;
}

.w-80-Perc {
    width: 80% !important;
}

.w-100-Perc {
    width: 100% !important;
}


/* ---------------------------------------------------------------------- */
/* Padding & Margin
/* ---------------------------------------------------------------------- */
.p-0 {
    padding: 0px !important;
}

.p-2 {
    padding: 2px;
}

.p-4 {
    padding: 4px;
}

.p-6 {
    padding: 6px;
}

.p-8 {
    padding: 8px;
}

.p-10 {
    padding: 10px;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-60 {
    padding-left: 60px !important;
}


.pl-100 {
    padding-left: 100px !important;
}

.pl-275 {
    padding-left: 275px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-2 {
    padding-right: 2px;
}

.pr-4 {
    padding-right: 4px;
}

.pr-6 {
    padding-right: 6px;
}

.pr-8 {
    padding-right: 8px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-50 {
    padding-right: 50px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pt-4 {
    padding-top: 4px;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.p25-All {
    padding: 25px 0px 0px 0px;
}

.mr-0 {
    margin-right: 0px !important;
}

.mt-0 {
    margin-top: 0px;
}

.mt-2 {
    margin-top: 2px;
}

.mt-4 {
    margin-top: 4px;
}

.mt-6 {
    margin-top: 6px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-100 {
    margin-bottom: 100px;
}

.ml-275 {
    margin-left: 275px !important;
}



/* ---------------------------------------------------------------------- */
/* Heights
/* ---------------------------------------------------------------------- */

.h-7 {
    height: 7px !important;
}

.h-10 {
    height: 10px !important;
}

.h-19 {
    height: 20px !important;
}

.h-20 {
    height: 20px !important;
}

.h-23 {
    height: 23px !important;
}

.h-24 {
    height: 24px !important;
}

.h-25 {
    height: 25px !important;
}

.h-27 {
    height: 27px !important;
}

.h-29 {
    height: 29px !important;
}

.h-30 {
    height: 30px !important;
}

.h-38 {
    height: 38px !important;
}

.h-40 {
    height: 40px !important;
}

.h-42 {
    height: 42px !important;
}

.h-43 {
    height: 43px !important;
}

.h-44 {
    height: 44px !important;
}

.h-50 {
    height: 50px !important;
}

.h-52 {
    height: 52px !important;
}

.h-61 {
    height: 61px !important;
}

.h-70 {
    height: 70px !important;
}

.h-72 {
    height: 72px !important;
}



.h-73{
    height: 73px !important;
}

.h-76{
    height: 76px !important;
}

.h-80 {
    height: 80px !important;
}

.h-83 {
    height: 38px !important;
}


.h-48 {
    height: 48px !important;
}

.h-99 {
    height: 99px !important;
}

.h-67 {
    height: 67px !important;
}

.h-100 {
    height: 100px !important;
}

.h-103 {
    height: 103px !important;
}

.h-107 {
    height: 107px !important;
}

.h-110 {
    height: 110px !important;
}

.h-115 {
    height: 115px !important;
}

.h-125 {
    height: 125px !important;
}


.h-135 {
    height: 135px !important;
}

.h-137 {
    height: 137px !important;
}


.h-138 {
    height: 138px !important;
}


.h-150 {
    height: 150px !important;
}

.h-161 {
    height: 161px !important;
}

.h-164 {
    height: 164px !important;
}

.h-168 {
    height: 168px !important;
}

.h-169 {
    height: 169px !important;
}

.h-173 {
    height: 173px !important;
}

.h-174 {
    height: 174px !important;
}

.h-193 {
    height: 193px !important;
}

.h-196 {
    height: 196px !important;
}


.h-201 {
    height: 201px !important;
}

.h-204 {
    height: 204px !important;
}

.h-212 {
    height: 212px !important;
}

.h-249 {
    height: 249px !important;
}

.h-265 {
    height: 265px !important;
}


.h-299 {
    height: 299px !important;
}


.h-300 {
    height: 300px !important;
}

.h-361 {
    height: 361px !important;
}

.h-642 {
    height: 642px !important;
}



.h-792 {
    height: 792px !important;
}


/* ---------------------------------------------------------------------- */
/* Decroators
/* ---------------------------------------------------------------------- */
.display-inline {
    display: inline;
}

.display-block {
    display: block;
}



/* ---------------------------------------------------------------------- */
/* Forms :: input labels, static text - anything where it's related to user
            input except the actual controls.
/* ---------------------------------------------------------------------- */
.inputLabel {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #777777;
}

.staticData {
    font-family: 'Consolas' !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    font-weight: 700;
    color: #880000;
}


/* ---------------------------------------------------------------------- */
/* BackGround image
/* ---------------------------------------------------------------------- */
.bg-image {
    background-image: url('images/slide1.jpg') !important;
}

.bg-image-greenFooter {
    background-image: url('/images/greenFooter.jpg') !important;
}
bg-image-choiceOrder {
   background-image: url('../templates/t_choiceOrder.shtm') !important;
}

/* ---------------------------------------------------------------------- */
/* BackGround Color
/* ---------------------------------------------------------------------- */
.bg-color-7C7C7C {
    background-color: #7C7C7C !important;
}

.bg-color-ffffff {
    background-color: #ffffff !important;
}


.bg-color-666666 {
    background-color: #666666 !important;
}

.bg-color-red {
    background-color: Red !important;
}


.bg-color-BECD92 {
    background-color: #BECD92 !important;
}

.bg-color-E5F8FF {
    background-color: #E5F8FF !important;
}

.bg-color-F0F8FB {
    background-color: #F0F8FB !important;
}

.bg-color-F0F0F0{
     background-color: #F0F0F0 !important;
}

.bg-color-B00A12 {
    background-color: #B00A12 !important;
}

.bg-color-EFEFEF {
    background-color: #EFEFEF !important;
}

/* ---------------------------------------------------------------------- */
/* Text align & decoration
/* ---------------------------------------------------------------------- */
.txt-align-lft {
    text-align: left !important;
}

.txt-align-center {
    text-align: center !important;
}

.txt-align-decor-none {
    text-decoration: none !important;
}


/* ---------------------------------------------------------------------- */
/* Vertical align
/* ---------------------------------------------------------------------- */

.vert-align-btm {
    vertical-align: bottom !important;
}

.vert-align-middle {
    vertical-align: middle !important;
}

.vert-align-top {
    vertical-align: top !important;
}

/* ---------------------------------------------------------------------- */
/* Fonts
/* ---------------------------------------------------------------------- */

.fnt-family-Ar-Hel-Sans {
    font-family: Arial, Helvetica, sans-serif !important;
}

.fnt-bold-9-verdana-Sans {
    font: bold 9px verdana,sans-serif;
}


.fnt-size-14 {
    font-size: 14px !important;
}

.fnt-size-18 {
    font-size: 18px !important;
}

.fnt-size-20 {
    font-size: 20px !important;
}


.fnt-size-38 {
    font-size: 38px !important;
}

.fnt-size-larger {
    font-size: larger !important;
}

.fnt-size-xlarge {
    font-size: x-large !important;
}

.fnt-weight-bold {
    font-weight: bold !important;
}
/* ---------------------------------------------------------------------- */
/* Colors
/* ---------------------------------------------------------------------- */

.color-7f7f7f {
    color: #7f7f7f !important;
}

.color-4d4d4d {
    color: #4d4d4d !important;
}

.color-6a546b {
    color: #6a546b !important;
}

.color-666666 {
    color: #666666 !important;
}

.color-ffffff {
    color: #ffffff !important;
}
.color-DEDEDE {
    color: #DEDEDE !important;
}

.color-005000 {
    color: #005000;
}
/* ---------------------------------------------------------------------- */
/* Letter
/* ---------------------------------------------------------------------- */

.letter-spacing-5 {
    letter-spacing: .5px !important;
}

/* ---------------------------------------------------------------------- */
/* Center align
/* ---------------------------------------------------------------------- */
.login-tbl {
    border: thin;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
}


/* ---------------------------------------------------------------------- */
/* General
/* ---------------------------------------------------------------------- */

.Clear-lft {
    clear: left !important;
}

.border-none {
    border: none !important;
}

.border-0 {
    border: 0px !important;
}

.border-left-1
{
    border-left:1px !important;
}

.border-left-style-solid
{
  border-left-style:solid !important; 
}

.border-left-width-1 {
    border-left-width: 1px !important; 
}

.border-right-0 {
    border-right: 0px !important; 
}

.border-bottom-1 {
    
        border-bottom:1px !important; 
}

.border-bottom-style-solid {
    border-bottom-style:solid !important; 
}

.border-bottom-width-1 {
    border-bottom-width: 1px !important; 
}

.lft-auto {
    left: auto !important;
}

 .body-margin {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.txt-decor-underline {
    text-decoration: underline !important;
}

.float-lft {
    float: left !important;
}

.float-none {
    float:none !important;
}




