﻿body 
{
    margin:0;
    padding:0
}


.container 
{
    margin: 0 auto;
}

@media all and (max-width: 2400px) and (min-width: 1439px) 
{
.container 
{
    width:70%;
}
}


@media all and (max-width: 1438px) and (min-width: 1px) 
{
.container
{
    width:980px;
}
}


.container2 
{
    margin: 25px auto;
}

@media all and (max-width: 2400px) and (min-width: 1439px) 
{
.container2
{
    width:60%;
}
}


@media all and (max-width: 1438px) and (min-width: 1px) 
{
.container2
{
    width:950px;
}
}



.header 
{
    width:100%;
    padding:15px 0;
}

.red-title-bar 
{
    width:100%;
    background-image: url(../img/bg/h2_red.gif);
    height:30px;
    font-size:21px;
    font-family:Arial,sans-serif;
    color:White;
    padding:6px 0 0 15px;
}

.blue-title-bar 
{
    width:100%;
    background-image: url(../img/bg/h2_blue.gif);
    height:30px;
    font-size:21px;
    font-family:Arial,sans-serif;
    color:White;
    padding:6px 0 0 15px;
}

.label-text 
{
    font-family:Verdana,sans-serif;
    font-size:13px;
    font-weight:bold;
}

/*.textbox1, .textbox2, .notebox 
{
    font-size:15px;
    font-family:Arial, Sans-Serif;
    padding:3px;
    border:1px solid #cdcdcd;
}

.textbox1:focus, .textbox2:focus, .notebox:focus {
    border: 1px solid #00a4ff;
    box-shadow: 0 0 7px rgba(81, 203, 238, 1);
}*/ 


@media all and (max-width: 2400px) and (min-width: 1439px) 
{
.textbox1 
{
    width:100%;
}
}


@media all and (max-width: 1438px) and (min-width: 1px) 
{
.textbox1 
{
    width:300px;
}
}


@media all and (max-width: 2400px) and (min-width: 1439px) 
{
.textbox2 
{
    width:50%;
}
}


@media all and (max-width: 1438px) and (min-width: 1px) 
{
.textbox2 
{
    width:150px;
}
}


@media all and (max-width: 2400px) and (min-width: 1439px) 
{
.dynamic-width
{
    width:10%;
}
}


@media all and (max-width: 1438px) and (min-width: 1px) 
{
.dynamic-width
{
    width:110px;
}
}

@media all and (max-width: 2400px) and (min-width: 1439px) 
{
.column1
{
    width:30%;
}
}



.phone-textbox, .phone-textbox2, .exp-textbox 
{
    font-size:15px;
    font-family:Arial, Sans-Serif;
    padding:3px;
    border:1px solid #cdcdcd;
}

.phone-textbox:focus, .phone-textbox2:focus, .exp-textbox:focus {
    border: 1px solid #00a4ff;
    box-shadow: 0 0 7px rgba(81, 203, 238, 1);
} 
 
@media all and (max-width: 2400px) and (min-width: 1439px) 
{
.phone-textbox 
{
    width:17%;
}
}


@media all and (max-width: 1438px) and (min-width: 1px) 
{
.phone-textbox
{
    width:40px;
}
}

@media all and (max-width: 2400px) and (min-width: 1439px) 
{
.phone-textbox2 
{
    width:22%;
}
}

@media all and (max-width: 1438px) and (min-width: 1px) 
{
.phone-textbox2
{
    width:55px;
}
}

@media all and (max-width: 2400px) and (min-width: 1439px) 
{
.exp-textbox 
{
    width:30%;
}
}


@media all and (max-width: 1438px) and (min-width: 1px) 
{
.exp-textbox
{
    width:100px;
}
}


.billing-address 
{
    font-family:Verdana,sans-serif;
    font-size:15px;
    font-weight:bold;
    color:Red;
}


.checkbox 
{
    font-family:Verdana,sans-serif;
    font-size:13px;
    font-weight:bold;
    position:relative;
    top:4px;
}


.serviceTextTitle
{
    font-family:Verdana,sans-serif;
    font-size:13px;
    position:relative;
    text-transform:uppercase;
    margin-top:10px;
    font-weight:bold;
}

.serviceText
{
    font-family:Verdana,sans-serif;
    font-size:12px;
    position:relative;
    margin-top:10px;
    padding-right:5px;
}


.radio-text 
{
    font-family:Verdana,sans-serif;
    font-size:10px;
    font-weight:bold;
    padding-left:5px;
}

.small-radio-text 
{
    font-family:Verdana,sans-serif;
    font-size:9px;
    font-weight:bold;
    padding-left:5px;
}

.checkbox input 
{
    width:18px; 
    height:18px;
    margin-right:10px;
    margin-top:50px;
    }
    
    
 @media all and (max-width: 2400px) and (min-width: 1439px) 
{
.dynamic-width-service
{
    width:15%;
}
}


@media all and (max-width: 1438px) and (min-width: 1px) 
{
.dynamic-width-service
{
    width:110px;
}
}


@media all and (max-width: 2400px) and (min-width: 1439px) 
{
.notebox 
{
    width:100%;
}
}


@media all and (max-width: 1438px) and (min-width: 1px) 
{
.notebox
{
    width:710px;
}
}

/*.required 
{
    border: 1px solid red;
}*/