@import url(../../fonts.googleapis.com/css_938c0c58.css);
/*---------------------------------
	IMPORTS
-----------------------------------*/
/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: normal; }

thead th, tbody th { font-family: "Open Sans", sans-serif; }

button, a.btn, input[type="submit"], input[type="reset"], input[type="button"] { font-family: "Open Sans", sans-serif; }

blockquote { font-family: "Open Sans", sans-serif; }

/*---------------------------------
	LAYOUT
-----------------------------------*/
html { height: 100%; }

body { margin: 0; padding: 0 0 0 0; color: #000; background: #efefef url(./img/body-bg.png); font-size: 1em; line-height: 1.4; font-family: "Open Sans", sans-serif; text-shadow: 0 0 1px transparent; /* google font pixelation fix */ height: 100%; }

#wrap { width: 100%; min-height: 100%; /* equal to footer height */ margin-bottom: -10px; }
#wrap:after { content: ""; display: block; height: 60px; }

.grid { max-width: 980px; padding: 0px; }

.button-sticky { position: fixed; top: 26%; z-index: 2000; }
.button-sticky form { float: left; background-color: #2A2A2A; color: #fff; width: 270px; min-height: 270px; }
.button-sticky form.advice-form { float: left; }
.button-sticky form.contact-form { float: right; }
.button-sticky a#pull-advice { float: right; }
.button-sticky a#pull-contact { float: left; }
.button-sticky form p { font-size: 0.95em; padding: 0 10px; }
.button-sticky form p strong { color: #fff; }
.button-sticky form ol li { font-size: 0.8em; }
.button-sticky form input[type="text"] { width: 186px; }
.button-sticky form textarea { height: 120px; }
.button-sticky form input[type="submit"] { box-shadow: none; border-radius: 0px; color: #000; background: #f1a008; padding-right: 18px; }
.button-sticky form .errormessage p { font-size: 0.75em; color: #D32A29; margin: 4px 0; }
.button-sticky.contact { right: -270px; }
.button-sticky.advice { left: -270px; }

/* Header */
#header { min-height: 100px; height: 198px; }
#header .info .info-contact { text-align: right; font-weight: 600; font-size: 1.25em; }
#header .info .info-contact span { font-weight: 700; font-size: 1.65em; }
#header .info .social { text-align: right; }

/* Footer */
#footer { min-height: 20px; height: auto; text-align: center; padding: 20px; margin: 0; font-size: 0.8em; position: relative; background: #2a2a2a; color: white; border-top: 1px solid #000000; }
#footer h2 { font-size: 2.15em; font-weight: 600; }
#footer p { font-size: 1.55em; }
#footer p a { color: white; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer .line { height: 1px; width: 100%; background-color: white; }
#footer img { margin: 25px 0px; }
#footer .copyright { text-align: center; color: #959595; font-size: 1.1em; }
#footer .copyright span { text-align: right; float: right; }
#footer .copyright a { color: #959595; text-decoration: none; }

/* Nav bar */
.navbar { height: 20px; }
.navbar ul { margin: 0; padding: 0; background: #2a2a2a; }
.navbar ul.menu { border: 0px; margin: 0px 8px; }
.navbar ul li { margin: 0; padding: 0; list-style-type: 0; display: inline-block; }
.navbar ul li.has-menu ul { opacity: 0.8; z-index: 2; min-width: 220px; }
.navbar ul li.has-menu ul li a { background: #c92b2c; border-bottom: 1px solid #363636; width: 100%; }
.navbar ul li.hover > a { background: #363636; }
.navbar ul li a { color: #ffffff; padding: 1em 1.3em; text-decoration: none; line-height: 100%; font-size: 1.05m; font-weight: 600; background-color: #2a2a2a; text-shadow: none; }
.navbar ul li a:hover { background: #363636; }

/* Rotator */
.rotator { background-color: #eeeeee; margin: 20px 0px; }
.rotator .paraRotator { border: 0px; }
.rotator .paraRotator .frame { width: 950px !important; }
.rotator .paraRotator .p-cta { background: #d32a29; opacity: 0.8; width: 295px; }
.rotator .paraRotator .p-cta h2 { font-size: 1.4em !important; }
.rotator .paraRotator .p-cta p { font-size: 0.86em !important; }
.rotator .paraRotator .p-cta ul li { font-size: 0.95em !important; font-weight: 400; }
.rotator .paraRotator .p-cta a.get-touch-button { margin: 0px auto; margin-top: 40px; margin-bottom: 20px; color: #000000; background: #f1a008; font-weight: 600; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin-top: 0px !important; font-weight: 600; }
.rotator .paraRotator .p-cta a.get-touch-button:hover { background: #F9BC34; }
.rotator .paraRotator .p-right { left: 954px; }

/* Features tabs */
.features { height: 250px; background-color: #EEEEEE; overflow: hidden; position: relative; }
.features img { width: 100%; height: auto; }
.features .feature-body { z-index: 2; position: absolute; width: 100%; bottom: 0; background: #d32a29; opacity: 0.8; color: #ffffff; padding: 10px 20px; }
.features .feature-body h5 { font-weight: 700; margin: 0px; }
.features .feature-body p { font-size: 1.25em; margin-top: 5px; }

/* Welcome area */ 
.welcome h1 { font-size: 2.1em; font-weight: 600; }
.welcome h2 { font-size: 1.6em; font-weight: 600; }
.welcome p { font-size: 1.05em; margin-bottom: 30px; }
.welcome p a { color: #d32a29; }
.welcome .line { height: 2px; background-color: #d6252b; width: 100%; }

/* Right Sidebar */
.right-sidebar { border: 1px solid #454545; background-color: #d32a29; color: white; padding: 20px; }
.right-sidebar h4 { font-size: 1.75em; font-weight: 600; }
.right-sidebar ul { list-style-type: none; font-weight: 600; margin-left: 0px; }
.right-sidebar ul li { padding: 3px 0; }
.right-sidebar ul li a { color: white; text-decoration: none; }
.right-sidebar blockquote { padding: 0px; border-left: none; margin: 14px 0px; line-height: 1.2em; font-style: normal; }
.right-sidebar blockquote p { font-size: 0.8em; }
.right-sidebar blockquote p span { text-align: right; }
.right-sidebar .line { height: 1px; background-color: white; width: 100%; }
.right-sidebar a.get-touch-button { margin: 0px auto; margin-top: 40px; margin-bottom: 20px; color: #000000; background: #f1a008; font-weight: 600; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.right-sidebar a.get-touch-button:hover { background: #F9BC34; }

/* Bxslider */
.testimonials-slider { font-weight: inherit !important; margin: 0px; }

.bx-wrapper .bx-viewport { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; left: auto !important; background: transparent !important; }

/* Facebook like button fix */
.fb_edge_widget_with_comment { z-index: 999; }

#containerx
{
	width: 670px;
	border: 1px solid #666666;
	clear: both;
	background: #FFFFFF;
}
#contentarea
{
	width: 640px;
	border: 1px solid #BBBBBB;
	margin: 15px 15px 15px 20px;
	clear: both;
	background: #FFFFFF;
}
.line
{
	width: 638px;
	border:1px solid #666666;	
	clear: both;
	margin-bottom:20px;
}	
.topline
{
	width: 667px;
	border:3px solid #666666;	
	clear: both;
	}	
.headbar
{
	width: 141px;
	background-color: #666666; 
	border: 1px solid #666666; 
	border-bottom: none;
	color: #fff; 
	float: left;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	font-size-adjust:none;
	list-style-type: none;
	list-style-image: none;
	margin: 0 2px 0 0;
	padding:2px 2px 2px 6px;
	text-decoration:none;
	clear: both;
	}	
.textline
{
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight:normal;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	color:#000;
	

}
.dateline
{
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight:normal;
	padding-top:5px;
	padding-left:10px;
}
.datelineunder
{
	width: 270px;
	border:1px solid #BBBBBB;	
	clear: both;
	margin-left:10px;
	}	
							
.statusline
{
	padding-top:5px;
	padding-right:180px;
	padding-bottom:5px;
}

.delivered
{
	padding-top:5px;
	padding-left:20px;
	padding-bottom:5px;
	font-family: arial;
	font-size: 20px;
	color: #00CC00;
	font-weight: bold;	
}						

.othline
{
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight:normal;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:5px;
}						
.fields
{
	font-family: arial, sans-serif;
	font-size: 12px;
	color: black;
	display: inline;
	margin-left:10px;
}
.fieldx
{
	font-family: arial, sans-serif;
	font-size: 12px;
	color: black;
	margin-left:10px;
	margin-right:150px;
}
.signature
{
	color: #660099;
	display: inline;
	font-family: arial, sans-serif;
	font-size: 12px;
	margin-left:130px;
	margin-top:10px;
	font-weight:bold;
}
.freightcontent
{
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left:5px;
	padding-bottom:5px;
}
.freightline
{
	width: 638px;
	border:1px solid #666666;	
	clear: both;
	margin-bottom:10px;
}	
.facts
{
	padding-left:0px;
	padding-bottom:5px;
	font-family: arial;	
}
.factline
{
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left:0px;
	padding-bottom:5px;
}
.barcode
{
	width: 630px;
	border:1px solid #666666;	
	clear: both;
	margin-bottom:10px;
	margin-left:30px;
}	

.table {
	float:left;
	width:641px;
	}
table.listing {
	background:#9097A9;
	font-family:Tahoma,Arial,verdana;
	font-size:12px;
	width:641px;
	padding:0;
	margin:0;
	}
table.listing th {
	border-top:0 !important;
	}

table.listing th.full {border-left:0;border-right:0 !important;text-align:left;text-transform:uppercase;}
/* table styles */
table.listing td,
table.listing th {
	text-align:left;
	}	
table.listing th {
	/*background:#9097A9;*/
	color:#fff;
	padding:5px;
	 font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        padding: 2px 5px 4px 5px;
        background: #ffffff;
        vertical-align:middle;
	}
	
table.listing td {
	background:#F2F2F2;
	color:#000;
	padding:3px 5px;
	}
table.listing tr:nth-child(odd) td {
	background:#E6E6E6;
	}
table.listing .white td {
	background:#fff;
	}	

table.listing th:first-child {
	width: 185px;
	border-left:0;
	}

table.listing th:last-child {
	width:60px;
	border-left:0;
	}
.printer
{
	font-size: 11px;
    display: inline;
    padding-left: 20px; 
    float: right; 
    padding-bottom: 4px; 
    color: #660099; 
    padding-top: 8px; 
    text-decoration: underline;
}
.search_button { font-size:15px; font-family: Arial, Helvetica, sans-serif; width:70px; height:30px}

.error_box{width:400px;clear:both;background:url(http://www.allreachlogservices.com/images/warning.png) no-repeat left #fce9e9;
border:1px #eac7c7 solid;background-position:15px 10px;padding:30px 20px 15px 60px;margin:0 0 90px 0;}

.text
{
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	align: justify;
}		

