/*
Theme Name: Trucking Companies
Theme URI: http://compu-101.com
Description: Trucking Companies Custom Theme
Version: 0.9
Author: Rob Williams, Compu-101 (http://www.compu-101.com)
Tags: custom template
*/

/* The Usual Common Styles TM */

html, body {
    width:                  100%;
    height:                 100%;
    font-family:            'Verdana', 'Arial', sans-serif;
    line-height:            1.4em;
     background:             url(http://quote.truckingcompanies.ca/images/body_bg.jpg) repeat-x left -142px;
}

a {
    font-weight: bold;
    color: #3c566d;
    text-decoration: none;
}
a:hover { color: #7596B5; }

p { margin-bottom: 1em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

h1 {
    font-size:              1.5em;
    color:                  #3C566D;
    line-height:            1.5em;
}

h2, h3 {
    font-size:              1.1em;
    color:                  #3C566D;
    padding-bottom:         0.5em;
}

h3 {
    text-align:             center;
    padding:                0.5em 0 0 0 !important;
}

/* Wordpress styles */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;z
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright { float: right; }
.alignleft { float: left; }

/* Custom styles */

.container {
    width:                  980px;
    margin:                 0 auto -50px;
    padding:                0 10px;
    min-height:             100%;
    height:                 auto !important;
    height:                 100%;
    position:               relative;
}

.footer, .push {
    width:                  100%;
    position:               relative;
    font-size:              0.9em;
    font-family:            'Helvetica', 'Arial', sans-serif;
}

.footer {
    background:             #3e3e3e;
    height:                 48px;
    border-top:             2px #3c566d solid;
}

.push {
    height:                 50px;
}

.footer_content {
    width:                  960px;
    margin:                 0 auto;
    line-height:            48px;
    font-size:              0.8em;
    color:                  #c1ddfc;
}

.footer_content a {
    color:                  #c1ddfc;
    font-weight:            bold;
}

.footer_content a:hover {
    color:                  white;
}

.top_menu {
    width:                  100%;
    height:                 42px;
   // background:             url(http://quote.truckingcompanies.ca/images/body_bg.jpg) repeat-x bottom left;
    // background:             url(images/top_menu_bg.jpg) repeat-x top left;
}

#menu-main-navigation {
    list-style:             none outside;
}

#menu-main-navigation li:first-child {
    padding-left:           10%;
}

#menu-main-navigation li {
    float:                  left;
}

#menu-main-navigation li a {
    color:                  white;
    //font-family:            'Tahoma', 'Arial', 'sans-serif';
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    text-shadow: 1px 1px #330000;
    font-weight:            normal;
    line-height:            42px;
    font-size:              14px;
    padding:                0 13px;
}

#menu-main-navigation li a:hover {
    color:                  yellow;
}

.btm_menu {
    width:                  847px;
    margin:                 20px auto 0;
}

#menu-bottom-navigation {
    list-style:             none outside;
    position:               relative;
    z-index:                2000;
}

#menu-bottom-navigation li {
    display:                inline;
    font-size:              0.7em;
    padding:                0 10px;
}

.header {
    width:                  980px;
    height:                 249px;
    background:             url(images/header.jpg) no-repeat;
    margin:                 3px 0 10px 0;
    position:               relative;
}

.flatbed_section {
    background:             url(images/header_flatbed.jpg) no-repeat !important;
}

.left_column {
    width:                  201px;
    margin-right:           20px;
    float:                  left;
}

.top_row {
    width:                  590px;
    text-align:             center;
}

.top_row > div {
    display: inline-block;
    width: 42%;
    margin: 0 1%;
    vertical-align: top;
}

.right_column {
    width:                  200px;
    height:                 1100px;
    float:                  right;
    position:               relative;
}

.big_column {
    width:                  590px;
    margin-left:            175px;
}

.promo_column {
    width:                  160px;
    position:               absolute;
}

.promo_column p {
    font-size:              0.8em;
    text-align:             center;
    padding-right:          20px;
}

.promo_column a {
    color: #01399A;
}

.promo_column h3 {
    padding: 0.5em 20px 0.5em 0 !important;
    color: #FF6100;
}

.main_column {
    width:                  378px;
    float:                  left;
}

.main_column p {
    font-size:              0.9em;
    margin-top:             1em;
}

.side_box {
    /*width:                  171px;*/
    background:             #3C566D;
    border:                 3px #8FABC3 solid;
    -webkit-border-radius:  15px;
    -moz-border-radius:     15px;
    border-radius:          15px;
    right:                  10px;
    padding:                15px;
    text-align:             center;
    color:                  white;
    font-family:            'Tahoma', 'Arial', 'sans-serif';
    line-height:            1.2em;
    margin-top:	            2em;
}

#book_shipment {
    bottom:                 10px;
}

.phone_number {
    font-size:              1.5em;
    white-space:            nowrap;
}

.side_box p {
    padding:                0;
    margin:                 0;
}

.fineprint {
    line-height:            1.2em;
    font-size:              0.7em;
    margin:                 1em 0 0 !important;
}

.side_box_top {
    position:               absolute;
    left:                   0;
    top:                    0;
}

.side_box_top {
    position:               absolute;
    left:                   0;
    top:                    0;
    width:                  100%;
    height:                 12px;
    background:             url(images/side_box_top.jpg) no-repeat;
}

.side_box_btm {
    position:               absolute;
    left:                   0;
    bottom:                 0;
    width:                  100%;
    height:                 12px;
    background:             url(images/side_box_btm.jpg) no-repeat;
}

.territories {
    font-size:              0.7em;
    text-align:             center;
    line-height:            18px;
    margin-bottom:          1em;
}

.contactSubmit {
    border:                 none !important;
    width:                  95px;
    height:                 25px;
    background:             #3C566D url(images/send_button.jpg) no-repeat !important;
    margin-top:             25px;
    cursor:                 pointer;
}

.contactSubmitWhite {
    border:                 none !important;
    width:                  95px;
    height:                 25px;
    background:             #ffffff url(images/send_button_aqua_white.png) no-repeat !important;
    margin-top:             25px;
    cursor:                 pointer;
}

.right_column p.fineprint, p.inputfield {
    padding:                none !important;
    margin:                 none !important;
}

.input, .input_textarea {
    width:                  95%;
    font-size:              0.9em;
}

.input_small {
    width:                  80px;
    font-size:              0.9em;
}

.input_textarea {
    font-family:            Arial, sans-serif;
    height:                 50px;
    font-size:              1.1em;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/wp-content/plugins/truckingcompanies/images/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
input.dp-applied {
    width: 80px;
	float: left;
}

p.inputfield .input {
    position:               relative;
}

p.inputfield .wpcf7-not-valid-tip, .freight_quote .wpcf7-not-valid-tip {
    width:                  165px !important;
    height:                 20px !important;
    position:               absolute;
    top:                    0 !important;
    left:                   0 !important;
	color:                  red;
	font-size:              9px;
}

.captcha-240 .wpcf7-not-valid-tip {
    width:                  50px !important;
    height:                 20px !important;
}

#freight_quote {
    font-size:              1.1em;
}

.trucking_company_freight_quote {
    border:                 2px #1d7873 solid;
    background:             #1d7873;
    padding:                10px;
    margin:                 -10px 0 10px 0;
    text-align:             center;
}

.trucking_company_freight_quote a {
    color:                  white;
}

.trucking_company_freight_quote a:hover {
    color:                  yellow;
}

.freight_quote {
    border:                 2px #1d7873 solid;
    padding:                10px;
    margin:                 10px 0;
    font-size:              0.7em;
}

.freight_quote h2 {
    font-size:              1.5em;
}

.freight_quote p {
    margin:                 0 !important;
    border:                 0 !important;
}

.freight_quote_fixed {
    background:             white;
    font-size:              0.9em;
}

.freight_quote_column {
    width:                  48%;
    margin-right:           1%;
    float:                  left;
}

.fq_leftcol {
    width:                  41%;
    float:                  left;
}

.fq_rightcol {
    width:                  56%;
    margin:                 0 0 10px 1%;
    float:                  left;
}

.main_col {
    width:                  48%;
    float:                  left;
    text-align:             center;
    font-size:              0.8em;
}

.main_col_left {
    margin-right:           3%;
}

.stnemesitrevda {
    width:                  780px;
    margin:                 20px 0 0 105px;
}

.stnemesitrevda div {
    margin-right:           10px;
    float:                  left;
}

.rec_companies {
    list-style:             none outside;
}

.rec_companies li {
    width:                  32%;
    margin:                 0 1% 15px 0;
    text-align:             center;
    float:                  left;
    font-size:              0.8em;
}


.trucking_company_record {
    font-size:              0.8em;
    margin-bottom:          20px;
    border:                 1px #727272 solid;
    padding:                10px;
}

#trucking_company_record_preferred {
    background:             #FFFFDD;
    width:                  538px;
}
#trucking_company_record_preferred_title {
    background:             red;
    color:                  white;
    font-weight:            bold;
    text-align:             center;
}

.trucking_company_record a.alignright {
    color:                  #1d7873;
}

.pagination {
    text-align:             center;
    border:                 1px white solid;
    font-size:              0.9em;
}

.next_button { float: right; }
.prev_button { float: left; visibility: hidden; }
.nav_button {
    background:             #3c566d;
    border-width:           2px;
    border-style:           solid;
    border-color:           #3D7CB3 #1F3548 #1F3548 #3D7CB3;
    padding:                0 3px;
    font-weight:            bold;
    color:                  white;
    position:               relative;
    z-index:                100000001;
}
.nav_button a { color: white; }
.nav_button a:hover { color: yellow; }

#map { margin-top: 20px; }

.small_search_window {
    border:                 2px #3c566d solid;
    -webkit-border-radius:  10px;
    -moz-border-radius:     10px;
    border-radius:          10px;
    font-size:              0.7em;
    padding:                1px 10px;
    margin-bottom:          10px;
}

.big_search {
    border:                 2px #3c566d solid;
    -webkit-border-radius:  10px;
    -moz-border-radius:     10px;
    border-radius:          10px;
    padding:                10px;
    margin-bottom:          10px;
    text-align:             center;
}

.biginput {
    font-size:              1.3em;
    width:                  100%;
}

.padleft {
    margin-top:             -10px;
    padding-left:           1em;
}

ul.packages {
    list-style:             none outside;
    margin-bottom:          1em;
}

ul.packages li {
    width:                  29%;
    margin:                 1% 0.8%;
    padding:                0 1%;
    float:                  left;
    font-size:              0.8em;
    text-align:             center;
    border:                 1px #3c566d solid;
}
ul.packages li h3 {
    margin:                 0 !important;
    padding:                0 !important;
}

.tsca { border-collapse: collapse; }

.tsca td {
    font-size:              0.9em;
    text-align:             center;
    padding-bottom:         20px;
}

.tsca_title { font-size: 1.4em; }

.flashheader {
    margin-bottom:          20px;
}

.recent_posts { list-style: none outside; }
.recent_posts h2 { color: black; }
.recent_posts ul { list-style: none outside; }
.recent_posts ul li { padding: 0.4em 0.5em 0.5em 0.5em; border-bottom: 1px #aaa solid; }
.recent_posts ul li:nth-child(odd) { background: #eee; }
.recent_posts li a { font-weight: normal; font-size: 0.9em; }

div.wpcf7 img.ajax-loader { position: absolute; }

.thedate { font-size: 0.8em; font-style: italic; padding: 0.5em 0 1em; }
