@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/
* {
  margin:0;
  padding:0;
}
a {
  text-decoration:none;
  color:#e63636;
}
.button {
  width:100px;
  height:35px;
  text-align:center;
  color:#fff;
  line-height:35px;
}
.button a {
  display:block;
  height:35px;
  text-align:center;
  color:#fff;
  line-height:35px;
  background:#e63636;
}
.button a:hover {
  display:block;
  height:35px;
  text-align:center;
  color:#fff;
  line-height:35px;
  background:#838383;
}
.clear {
  clear:both;
}
/*-------------------------------------------------
body sytles start
-------------------------------------------------*/

body { 
    background: url(../images/background.jpg) no-repeat left bottom fixed; 
  font-family: 'Ubuntu Condensed', sans-serif;
  font-size:15px;
  color:#8b8b8b;
  line-height:20px;
}

.wrapper {
  width:960px;
  height:auto;
  margin:0 auto;
  text-align:left;
  background:url(../images/panel-bg.png);
}

/*-------------------------------------------------
Logo And Menu Styles Start
-------------------------------------------------*/
.logo-menu-container {
  width:960px;
  height:120px;
  margin:0 auto;

}
.logo {
  float:left;
  width:420px;
  height:120px;
  text-align:left;
  line-height:75px;
  color:#FFFFFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.menu {
  float:right;
  width:540px;
  height:120px;
  margin:0 auto;
}
.menu ul {
  list-style:none;
  outline:none;
  margin-top:38px;
}
.menu ul li {
  float:left;
  display:block;
  width:90px;
  height:44px;
  line-height:44px;
  text-align:center;
}
.menu ul li a {
  color:#9a9a9a;
}
.menu ul li a:hover {
  color:#ffffff;
}
.menu ul li a.active {
  color:#ffffff;
}
.menu ul li.nobg {
  background:none;
}
/*-------------------------------------------------
General Page Styles Start
-------------------------------------------------*/

.page {
  width:920px;
  margin:0 auto;
  background:url(../images/page-bg.png);
  padding:20px;
  overflow:auto;
}
.main-banner {
  float:center;
   height:280px;
  background:#e8e8e8;
  padding-left:250px;
  padding-top:10px;
  padding-bottom:10px;
  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
}


/*-------------------------------------------------
Left Column Styles Start
-------------------------------------------------*/

.left-column {
  float:left;
  width:260px;
  height:auto;
  margin:0 auto;
  padding-top:20px;
}
.dark-panel {
  float:left;
  width:250px;
  background:url(../images/panel-bg.png);
  padding:5px;
  text-align:left;
  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
}
.dark-panel h1 {
  color:#fff;
  font-size:22px;
  font-weight:normal;
}
.dark-panel-top {
  float:left;
  width:250px;
  height:2px;
}
.dark-panel-center {
  float:left;
  width:210px;
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  padding-bottom:20px;
}
.dark-panel-center ul li {
  list-style:none;
  display:block;
}
.dark-panel-bottom {
  float:left;
  width:250px;
  height:2px;
}

.light-panel {
  float:left;
  width:250px;
  background:#ffffff;
  padding:5px;
  text-align:left;
  margin-top:20px;
  margin-bottom:20px;
  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
}
.light-panel h1 {
  color:#3c3c3c;
  font-size:22px;
  font-weight:normal;
}
.light-panel-top {
  float:left;
  width:250px;
  height:2px;
}
.light-panel-center {
  float:left;
  width:210px;
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  padding-bottom:20px;
}
.light-panel-center ul {
  list-style:none;
  margin-top:20px;
}
.light-panel-center ul li {
  display:block;
  height:34px;
  line-height:34px;
  text-align:left;
  border-bottom:1px solid #e4e4e4;
}
.light-panel-center ul li a {
  color:#8b8b8b;
}
.light-panel-center ul li a:hover {
  color:#e63636;
}
.light-panel-center ul li.no-border {
  border-bottom:none;
}
.light-panel-bottom {
  float:left;
  width:250px;
  height:2px;
}

.date {
  color:#e63636;
  padding-top:20px;
}
.news {
  border-bottom:1px solid #4a4a4a;
  padding-bottom:20px;
}
.news-no-border {
  border-bottom:none;
  padding-bottom:none;
}

/*-------------------------------------------------
Right Column Styles Start
-------------------------------------------------*/

.right-column {
  float:right;
  width:900px;
  height:auto;
}

.right-column-content {
  width:800px;
  padding:30px;
  border:10px solid #e9e9e9;
  margin-top:20px;
  background:#fff;
  overflow:auto;
  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
}
.right-column-content-heading {
  float:left;
  border-bottom:1px solid #e5e5e5;
  width:100%;
  text-align:left;
  padding-bottom:30px;
  clear:both;
}
.right-column-content-heading h1 {
  font-size:22px;
  color:#3300FF;
  font-weight:normal;
}
.right-column-content-heading h2 {
  font-size:18px;
  color:#3300FF;
  font-weight:normal;
}
.right-column-content h1 {
  font-size:22px;
  color:#3300FF;
  font-weight:normal;
}
.right-column-content h2 {
  font-size:18px;
  color:#3300FF;
  font-weight:normal;
}
.right-column-content-img-left {
  float:left;
  width:170px;
  margin-right:30px;
  margin-top:40px;
}
.right-column-content-img-right {
  float:left;
  width:170px;
  margin-left:30px;
  margin-top:40px;
  margin-bottom:40px;
}
.right-column-content-img-right-margin-bottom-none {
  margin-bottom:0px;
}
.right-column-content-content {
  float:left;
  width:350px;
  margin-top:40px;
}
.right-column-content-index {
  float:left;
  width:640px;
  margin-top:40px;
}
.right-column-content-content p {
  padding-bottom:30px;
}
.right-cloumn-content-border {
  border-bottom: 1px solid #e5e5e5;
}

/*
Internal right coloms
*/

.right-column-content-one {
  float:left;
  width:240px;
  height:auto;
  font-weight:normal;
}
.right-column-content-two {
  float:left;
  margin-left:30px;
  width:240px;
  height:auto;
  font-weight:normal;
}
.right-column-content-two-two {
  float:left;
  margin-left:30px;
  width:500px;
  height:auto;
  font-weight:normal;
}
.right-column-content-three {
  float:left;
  margin-left:30px;
  width:240px;
  height:auto;
  font-weight:normal;
}

/* Form Theme ---------------------------------------------------------*/

.form-theme{
  margin: 10px auto 30px auto;
}
.form-theme input{
  margin-bottom: 25px;
  height: 36px;
  border-radius: 0;
  width: 100%;
}
.form-theme label{
  font-weight: normal;
}
.form-theme textarea{
  border-radius: 0;
  width: 100%;
  height: 100px;
}
.form-theme .btn{
  margin-top: 25px;
  margin-bottom: -5px;
  width: auto;
  height: auto;
  border:0;
}


/*-------------------------------------------------
Footer Styles Start
-------------------------------------------------*/

.footer-wrapper {
  width:960px;
  height:auto;
  background:url(../images/panel-bg.png);
  margin-top:20px;
  overflow:auto;
}
.footer-top {
  float:left;
  width:960px;
  height:2px;
  margin-top:5px;
}
.footer-center {
  width:960px;
  margin:0 auto;
  padding-top:40px;
  padding-bottom:40px;
  overflow:visible;
}
.footer-center h1 {
  font-weight:normal;
  color:#FFFFCC;
  font-size:22px;
}
.footer-center h2 {
  font-weight:normal;
  color:#FFFFCC;
  font-size:18px;
  padding-bottom:30px;
}
.footer-center h3 {
  font-weight:normal;
  color:#FFFFCC;
  font-size:18px;
}
.footer-content-left {
  float:left;
  width:640px;
  padding-right:20px;
}
.footer-content-left p {
  padding-bottom:30px;
}
.footer-content-right {
  float:left;
  width:230px;
  padding-left:30px;
}
.footer-content-right p {
  padding-bottom:30px;
}
.footer-bottom {
  float:left;
  width:960px;
  height:2px;
  margin-bottom:5px;
}

/*-------------------------------------------------
Copyrights Styles Start
-------------------------------------------------*/

.copyrights {
  width:100%;
  text-align:center;
  height:85px;
  line-height:85px;
  background:url(../images/panel-bg.png);
}
.copyrights-bottom { 
  width:100%; 
  height:2px; 
  margin-top:-5px;
}

/*-------------------------------------------------
Column
-------------------------------------------------*/

#wrapper {
  height:100%;
  margin:auto;
  max-width:640px; /*480 + 160*/;
  min-width:480px; /*320 + 160*/;
}
.first, .middle, .last {
    height:100%;
    float:left;
}
.first, .last {
    width:200px;
}
.middle {
    width: calc(100% - 400px);
    max-width: 240px;
    min-width: 150px;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}


textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* Forms */

/* ---------------------------------------------------------- */

label {

  display: block;

  padding: 0px 0px 10px 0px;

}

textarea {

  max-width: auto;

}

select, input[type="text"], 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, comment-reply-link {

  padding: 10px;

  width: 240px;

  font-family: arial;

  font-size: 15px;

  font-weight: normal;

  color: #898989;

  background-color: #fff;

  border: 1px solid #ccc;

  text-shadow: 0 1px 0 rgba(255,255,255,0.75);

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  margin: 0px 10px 0px 0px;

  display: block;

}

textarea {

  padding: 10px;

  width: 280px;

  height: 120px;

  font-family: arial;

  font-size: 15px;

  font-weight: normal;

  color: #898989;

  border: 1px solid #ccc;

  text-shadow: 0 1px 0 rgba(255,255,255,0.75);

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 4px -1px #ccc inset;

  -moz-box-shadow: 0 1px 4px -1px #ccc inset;

  box-shadow: 0 1px 4px -1px #ccc inset;

}


textarea, select, 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 {

  background-color: #fff;

  border: 1px solid #ccc;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -ms-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s

}

textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {

  color: black;

  border-color: rgba(82,168,236,0.8);

  outline: 0;

  outline: thin dotted \9;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6)

}


.list_leftcont {

  float: left;

  width: 155px;

  margin: 0px 0px 15px 18px !important;

  padding: 0px !important;

}

.list_contrght {

  float: left;

  width: 150px;

  margin: 0px !important;

  padding: 0px !important;

  margin-left: 50px !important;

}

.form_wrap {

  width: 430px;
  float: left;

}

.form_row {

  padding: 4px 0;
  clear: both;

}

.form_row label {

  color: #6D6D6D;

  width: 129px;

  padding: 5px 5px 0 0;

  text-align: right;

  width: 125px;

  float: left;

  font-size: 12px;

}

.form_row input {

  border: 1px solid #4B4B4B !important;

  font-family: Arial,Helvetica,sans-serif !important;

  font-size: 12px !important;

  padding: 4px !important;

  width: 250px;

  float: left !important;

  height: 20px !important;

}

.form_row select {

  border: 1px solid #4B4B4B !important;

  font-family: Arial,Helvetica,sans-serif !important;

  font-size: 12px !important;

  padding: 4px !important;

  width: 250px;

  float: left !important;

}

.quotechange {

  width: 98px;

  height: 32px;

  background-color: #FFFFFF;

  text-align: center;

  padding-top: 10px;

  float: left;

  border: 1px solid;

  font-size: 23px;

}

.cont_div{

  clear:both;

}


.cont_rght1 {

  width: 380px;

  padding: 10px 0 0 14px;

  float: right;

}

.form_row textarea {

  border: 1px solid #4B4B4B !important;

  font-family: Arial,Helvetica,sans-serif !important;

  font-size: 11px !important;

  padding: 4px !important;

  width: 250px;

  height: 60px !important;

  float: left !important;

}