body{
	background-color: white;
	color: black;
    /*background-image: url(../img/login/bg.png);*/
}

#header-content{
/*	background-color: #000000;
    box-shadow: 2px 3px 8px 0 #000000;
    color: #FFFFFF;
    height: 40px;
    opacity: 0.36;*/
}
#footer{
	background-color: white;
    border-top: 1px solid #FF0000;
    box-shadow: 2px 3px 8px -5px #000000;
    color: black;
    height: 21px;
    /*margin: -7px 279px;*/
    opacity: 0.77;
    position: absolute;
    text-align: center;
}

/************* Body content form *************/
body.login_page #body-content{
    background-image: url("../img/login/bg.png");
    background-repeat:no-repeat;
    /*height: 848px;*/
    width: 1000px;
    /*margin: 9px 268px;*/
}
#body-content{
    /*background-image: url("../img/login/bg.png");*/
    background-repeat:no-repeat;
    height: auto;
    width: 1000px;
    /*margin: -290px 268px;*/
}
.control-group{
	box-shadow: 0 0 15px -4px;
    /*margin: 328px 150px;*/
    padding: 46px;
    width: 227px;
}

.control-group h2{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-family: Helvetica Neue;
    margin: -20px 7px;
    width: 67px;
    opacity: 0.36;
}
form .submit input[type="submit"]{
    background: black;
    border: medium none;
    color: white;
    text-shadow: none;
    opacity: .36;
    border-top: 1px solid red;
}
form .submit input[type="submit"]:hover{
    background-color: #52B9E9;
    color: white; 
    opacity: .99;
    border:none;
}
#submit-button, #clear_form{
    background: black;
    border: medium none;
    color: white;
    text-shadow: none;
    opacity: .36;
    border-top: 1px solid red;
    width: 90px
}
#submit-button:hover, #clear_form:hover{
    background-color: #52B9E9;
    color: white; 
    opacity: .99;
    border:none;
}
#UserLoginForm label{
    opacity: 0.66;
}
/************ End body content form ************/

/************* Topnav *************/

.login-out-btn{
    height: 10px;
    margin: 0;
    position: absolute;
    width: 940px;
}
.login-out-btn ul{
    font-size: 18px;
    margin: 220px 0;
    display: none;
}
.login-out-btn li{
    list-style: none;
    font-family: icon;
    padding: 5px;
}

.login-out-btn :hover + ul{
    display: block;
    background-color: blue;
}
.sprite label{
    font-family: icon;
    font-size: 20px;
    margin: 17px 60px;
    text-decoration: underline;
}
.item h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}
.navigation .item a.active{
    background-position:0px -52px;
}
/************ End Topnav ************/

/************ Top Navigation Javascript Style ************/
.navigation{
    margin: 0px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.4px;
    position: relative; 
}
#nav img{
    /*border: 0 none;
    box-shadow: -10px -7px 10px -7px #FFFFFF;
    margin: 18px 53px;
    max-width: 100%;
    vertical-align: middle;*/
}
.navigation .item{
    position:absolute;
    width: 200px;
}
.user{
    left: 640px;
    /*top: 164px;*/
    top: 26px;
    width: 100%;
}
.home{
   left: 824px;
    /*top: 69px;*/
    top: 26px;
    width: 100%;
}
.webs{
    left: 1013px;
    /*top: 49px;*/
    top: 26px;
    width: 100%;
}
/*.camera{
   top:230px;
   left:835px;
}
.fav{
   top:420px;
   left:950px;
}*/
a.icon{
    width:52px;
    height:52px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}

.user a.icon{
    background:transparent url(../img/login/home.png) no-repeat 0px 0px;
    margin: 0 -306px;
}
.home a.icon{
    background:transparent url(../img/login/quote_list.png) no-repeat 0px 0px;
    margin: 0 -306px;
}
.webs a.icon{
     background:transparent url(../img/login/webs.png) no-repeat 0px 0px;
    margin: 0 -306px;
}
/*.shop a.icon{
    background:transparent url(../images/shop.png) no-repeat 0px 0px;
}
.camera a.icon{
    background:transparent url(../images/camera.png) no-repeat 0px 0px;
}
.fav a.icon{
    background:transparent url(../images/fav.png) no-repeat 0px 0px;
}
.navigation .item a.active{
    background-position:0px -52px;
}*/
.item img.circle{
    position:absolute;
    top:0px;
    left:0px;
    width:52px;
    height:52px;
    opacity:0.1;
    margin: 0 -306px;
}
.item h2{
    position:absolute;
    width:64px;
    height:52px;
    color:white;
    font-size:18px;
    top:0px;
    left:52px;
    text-indent:10px;
    line-height:52px;
    text-shadow:1px 1px 1px #fff;
    text-transform:uppercase;
    background: transparent;
    margin: 0 -306px;
}
.item h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}
.item ul{
    list-style:none;
    position:relative;
    top:60px;
    left:-30px;
    display:none;
}
.item ul li a{
    font-size:15px;
    text-decoration:none;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#222;
    padding:3px;
    float:left;
    clear:both;
    width:100px;
    text-shadow:1px 1px 1px #fff;
    margin: -2px 24px;
}
.webs ul li a{
    font-size:10px;
    text-decoration:none;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#222;
    padding:3px;
    float:left;
    clear:both;
    width:100px;
    text-shadow:1px 1px 1px #fff;
    margin: -2px 24px;
}
.item ul li a:hover{
    background-color:white;
    color:#444;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 4px #666;
    -webkit-box-shadow:1px 1px 4px #666;
    box-shadow:1px 1px 4px #666;
}
.item ul li{
    margin:0 -300px;
}
*********** End Top Navigation Javascript Style ***********

/************ Email Page: Email Request Form ************/
.addr_red{
    color: #FF4F4F;
    font-size: 11px;
    margin: -29px -174px;
    position: absolute;
}
.checkbox_red{
    color: #FF4F4F;
    font-size: 11px;
    margin: 0 68px;
    position: absolute;
}
.companyCheckbox_red{
   margin: -17px 110px;
    position: absolute;
    color: #FF4F4F; 
}
.delivery-red{
    color: #FF4F4F;
    font-size: 11px;
    position: absolute;
}
.email-request{
    /*margin: 360px 10px;*/
    color: #5F5F5F;
    font-family: verdana;
    font-weight: bold;
    width: 100%
}
.group-box{
    /*height: 1200px;
    margin: 17px 0;*/
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    /*display: none;*/
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    /*position: absolute;*/
    top: 100%;
    z-index: 1000;
}
.listbox-slider{
    display: none;
    height: auto;
}
.pickup-red{
    position: absolute;
    color: #FF4F4F;
    font-size: 11px;
}
.numstop_red{
    color: #FF4F4F;
    font-size: 11px;
    margin: -53px 165px;
    position: absolute;
}
.request-field h3{
    color: #808080;
    display: inline;
    font-family: Verdana;
}

.request-information label{
    color: #555555;
    font-family: 'Open Sans',arial;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 50px;
    margin-top: 27px;
    text-align: center;

}
.request-information table th{
    color: #808080;
}
.company-list {
    
}
#red{
    /* color: #FF4F4F;
    float: right;
    font-size: 11px;
    margin: -30px 700px;
    position: absolute;
    width: 200px;*/
    color: #FF4F4F;
    float: right;
    font-size: 11px;
    margin: -31px 117px;
    position: absolute;
    width: 9px;
}
#dimention_red{
    color: #FF4F4F;
    float: right;
    font-size: 11px;
    margin: -31px 357px;
    position: absolute;
    width: 9px;
}
#weight_red{
    color: #FF4F4F;
    float: right;
    font-size: 11px;
    margin: -31px 596px;
    position: absolute;
    width: 9px;
}
#selectstop_red{
    color: #FF4F4F;
    float: right;
    font-size: 11px;
    margin: -31px 962px;
    position: absolute;
    width: 9px;
}
#pick_red{
    color: #FF4F4F;
    float: right;
    font-size: 11px;
    margin: -36px 250px;
    position: absolute;
    width: 9px;
}
#deli_red{
    color: #FF4F4F;
    float: right;
    font-size: 11px;
    margin: -36px 635px;
    position: absolute;
    width: 9px;
}
#request_red{
   color: #FF4F4F;
    float: right;
    font-size: 11px;
    margin: -72px 844px;
    position: absolute;
    width: 9px; 
}
#list_red{
    color: #FF4F4F;
    float: right;
    font-size: 11px;
    margin: -36px 118px;
    position: absolute;
    width: 9px; 
}
.requestNumred{
    float: right;
    margin: -32px 444px;
    position: absolute;
    color: #FF4F4F;
}
#sale_ordernum_red{
    /*margin: 0 444px;
    position: absolute;
    color: #FF4F4F;*/
    color: #FF4F4F;
    margin: -26px 350px;
    position: absolute;
}
.single-box{
    display: inline;
    float: left;
    height: 38px;
    margin-left: 28px;
    padding: 5px;
    width: 28%;
}
    /*Form table modification*/

table {
    background-color: rgba(0, 0, 0, 0);
    border-collapse: collapse;
    border-radius: 3px;
    border-spacing: 0;
    /*box-shadow: 0 0 2px 0;*/
    /*box-shadow: 3px 4px 17px -3px;*/
    box-shadow: 0 0 3px 1px gray;
    max-width: 100%;
}
table tr:nth-child(2n){
    background: #BADEEA;

}
table tr td{
    border-bottom: none;
    color: #808080;
    /*width: 22%;*/
}
textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"],
input[type="color"], .uneditable-input{
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #AFAFAF;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
textarea, input[type="text"],
input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"],
input[type="week"], input[type="number"],
input[type="email"], input[type="url"],
input[type="search"], input[type="tel"],
input[type="color"], .uneditable-input{
    border-radius: 0;
    box-shadow: none;
}
/*Address*/
.addr_data_row{
    
}
.addr_data_row > div{
    float: left;
}
.addrline_number p{
    width: 20px;
}
.country input {
    width: 60px;
}
.city input {
    width: 110px;
}
#numstop {
    width: 212px;
}
#numberofpallets {
    width: 120px;
}
.time {
    width: 100px;
}
.state input {
    width: 34px;
}
.zipcode input {
    width: 50px;
}
.street input {
    width: 160px;
}
.customer_name input {
    width: 110px;
}
/*.addrline_number{
    margin: 7px 0;
    width: 90px;
}*/
/*End Form table modification*/

#topnav-container{
    background: none repeat scroll 0 0 #ADD8E6;
    border-bottom: 1px groove #FF0000;
    height: 129px;
    opacity: 0.85;
    width: 100%;
}

#pickup_image, #delivery_image{
    position: absolute;
}


#rep_emails{
    color: #36A0E2;
    font-size: 10px;
}

#addr_boxes th{
    border:none;
}
/************ End Email Page: Email Request Form ************/
#side_note{
    height: 77px;
    width: 956px;
}

.navbar-inner{
    background-color: #2C2C2C;
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    background-repeat: repeat-x;
    /*border-bottom: 3px dotted #FFFFFF;*/
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    height: 79px;
    padding-left: 20px;
    padding-right: 20px;
    opacity: 0.9;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal_img{
    /*background: url("http://i.stack.imgur.com/FhHRx.gif") no-repeat scroll 50% 50% rgba(255, 255, 255, 0.8);*/
    background: url("http://i.stack.imgur.com/FhHRx.gif") no-repeat scroll 50% 50% rgba(255, 255, 255, 0.8);
    box-shadow: 1px 1px 10px -1px;
    height: 300px;
    left: 0;
    margin: 200px 360px;
    position: fixed;
    top: 0;
    width: 800px;
    z-index: 1000;
    display: none;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading{
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal_img{
    display: block;
}
.modal_img p{
    font-size: 18px;
    margin: 170px 363px;
}
.request-field{
    border: 1px solid gray;
    box-shadow: 0 0 5px 1px lightgray;
    margin: 27px 0;
    padding: 10px;
}
.paging{
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    color: #CCCCCC;
    margin: -339px 0;
    position: absolute;
}