/*[fmt]1010-110A-34B*/

/*

Theme Name: Glostone Trucking Solutions

Theme URI: http://synotac.com

Description: A custom theme developed by Synotac Web Design.

Version: 1.0

Author: Synotac Web Design

Author URI: http://synotac.com/

style.css

Developer: Synotac Web Design

URI: http://www.synotac.com



CSS Reset*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,

blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,

font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,

b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;  padding: 0;  border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: '';  content: none; }

/*remember to define focus styles!*/

:focus { outline: 0; }

/*remember to highlight inserts somehow!*/

ins { text-decoration: none; }

del { text-decoration: line-through; }

/*tables still need 'cellspacing="0"' in the markup*/

table { border-collapse: collapse;  border-spacing: 0; }

/*End CSS Reset

General

------------------------------------------------------------------

Selection background color*/

*::-moz-selection { background: #51A201 none repeat scroll 0 0;  color: #FFF; }

/*HTML and BODY*/

html, body {}

html { height: 100%;  margin-bottom: 1px;  overflow-y: scroll; }

body { height: 100%; background: #08557C; margin: 0px; font: 12px/22px Arial, "Lucida Grande", "Lucida Sans Unicode", "Microsoft YaHei", sans-serif;  text-align: center;  color: #242424; }

/*Links*/

a { text-decoration: underline; }

a:link { color: #09557C; }

a:visited { color: #60666D; }

a:focus, a:hover, a:active { color: #0E2F5D; }

/*Headers*/

h1, h2, h3 {}

h1 { font: bold 18px/22px Arial, sans-serif;  color: #5CA107;  margin-bottom: 2px;  text-transform: uppercase; }

h2 { font: bold 18px/22px Arial, sans-serif;  color: #5CA107;  margin-bottom: 2px;  text-transform: uppercase; }

h3 { font: bold 16px/24px Arial, sans-serif;  color: #E14016; }

h4, h5, h6 {}

h4 { font: bold 16px/22px Arial, sans-serif;  color: #09557C;  margin-top: 20px; }

h5 {}

h6 {}

/*Text blocks, Content*/

address {}

blockquote {}

cite {}

em { font-style: italic; }

p { margin: 0 0 22px; }

pre {}

small { font-size: 0.8em; }

span {}

strong { font-weight: bold; }

/*Misc*/

abbr, acronym { border-bottom: 1px dashed #999;  cursor: help; }

del { color: #8B0000;  text-decoration: line-through; }

hr { display: none; }

ins { color: #006400;  text-decoration: none; }

sub, sup { font-size: 0.7em; }

sup { vertical-align: sub; }

sup { vertical-align: super; }

/*Tables*/

table {}

caption {}

thead {}

tfoot {}

tbody {}

tr {}

tr.alt {}

th {}

td {}

/*Forms*/

form {}

fieldset {}

legend {}

label {}

input { vertical-align: middle; }

input.button {}

input.primary-button {}

input.secondary-button {}

textarea {}

select {}

.checkboxes {}

/*Lists*/

ul, ol {}

ul {}

ol {}

li {}

/*Defition Lists*/

dl {}

dd {}

dt {}

/*STRUCTURE

------------------------------------------------------------------

Use #bgwrap if centered column has drop shadow background that is centered*/

.inner { width: 960px; margin: 0 auto;  text-align: left;  position: relative; }

#header { background: #E4ECEF; margin: 0 auto; width: 960px; }

#main { background: #FFFFFF; }

#container { float: right;  margin: 0px auto 0 -310px; /*negative value margin (side of sidebar) width of sidebar*/
 width: 100%; background: #FFFFFF; }

#content { margin: 0 0px 0 310px; padding: 20px 10px 0 10px; }

#sidebar { background: #FFFFFF; float: left;  padding: 10px;  margin: 0px 0 auto 0; width: 270px; }

div#footer { background: #E4ECEF; margin: 0 auto; width: 960px; padding: 16px 0px 16px; }

/*HEADER

------------------------------------------------------------------*/

#branding dt.logo { padding: 15px 15px 0px 10px;  float: left; }

#branding dt.logo a { display: block;  width: 180px;  height: 76px;  background: url(images/glostone_home_slice_03.gif) no-repeat 0px 0px; }

body.page-id-31 #branding dt.logo a { background: url(images/logo_prodriver.gif) no-repeat 0px 0px; }

body.page-id-33 #branding dt.logo a { background: url(images/logo_freightway.gif) no-repeat 0px 0px; }

#branding dd.description { float: left;  padding: 40px 0px 0px 10px;  font-size: 24px;  font-weight: bold;  color: #AF1E2B; }

#branding dd.adr { float: right;  width: 200px;  padding: 0px;  margin: 15px 20px 0px 0px; }

#branding dd.adr p { margin: 0px;  text-align: right; }

#branding dd.adr a#client-login { display: block;  width: 120px;  height: 25px;  background: url(images/button_client_login.gif) no-repeat 0px 0px;  float: right;  margin-bottom: 8px; }

#branding dd.adr p.tel a { font-size: 22px;  font-weight: bold;  text-decoration: none;  color: #AF1E2B; }

/*MAIN NAVIGATION

------------------------------------------------------------------*/

#nav { width: 960px; margin: 0 auto;  background: #E4ECEF url(images/nav_grad.gif) repeat-x 0px 0px;  border-top: 0px solid #D7E0E8;  border-bottom: 0px solid #D7E0E8; }

ul#menu { margin-right: 10px; }

#menu li { float: right; }

#menu a { display: block;  padding: 0px;  border-right: 0px solid #D7E0E8;  height: 46px; }

#homeBtn { border-left: 0px solid #D7E0E8;  width: 117px;  background: url(images/nav_stack.gif) no-repeat 0px 0px; }

#homeBtn:hover, li.current_page_item #homeBtn { background-position: -117px 0px; }

#servicesBtn { width: 137px;  background: url(images/nav_stack.gif) no-repeat 0px -46px; }

#servicesBtn:hover, li.current_page_item #servicesBtn { background-position: -137px -46px; }

#newsBtn { width: 109px;  background: url(images/nav_stack.gif) no-repeat 0px -92px; }

#newsBtn:hover, li.current_page_item #newsBtn, .blog #newsBtn,

.single #newsBtn, .archive #newsBtn, .page-id-38 #newsBtn { background-position: -109px -92px; }

#aboutBtn { width: 117px;  background: url(images/nav_stack.gif) no-repeat 0px -138px; }

#aboutBtn:hover, li.current_page_item #aboutBtn { background-position: -117px -138px; }

#contactBtn { width: 132px;  background: url(images/nav_stack.gif) no-repeat 0px -184px; }

#contactBtn:hover, li.current_page_item #contactBtn { background-position: -132px -184px; }

/*SEARCH IN HEADER

----------------------------------------------------------------*/

div#search-form { float: right;  margin-top: 5px; }

#searchform {
  overflow:hidden;
  padding-left: 0px;
  width:162px;
}

#searchform label { display: none; }

#searchform input#s {
  border-top: 4px solid #E4ECEF;
  border-bottom: 4px solid #E4ECEF;
  border-right:0;
  border-left:0;
  width: 118px;
  height: 18px;
  padding: 0px;
  font-size: 14px;
  letter-spacing: 1px;
}

#searchform div.submit{
  float: right;
  border: none;
  background:url(images/button_go.gif) no-repeat 0px 0px;
  width: 40px;
  height:23px;
  margin-left: 0px;
  overflow:hidden;
  padding-top:0px;
  color: #5BA006;
  cursor: pointer;
  vertical-align: middle;
}

#searchform #searchsubmit{
  background:transparent;
  border: none;
  width: 40px;
  height:23px;
  margin-left: 0px;
  overflow:hidden;
  padding-top:0px;
  color: #5BA006;
  cursor: pointer;
  vertical-align: middle;
  text-indent:-9999px;
}

/*SIDEBAR

--------------------------------------------------------------------*/

ul.sub-links { padding-bottom: 51px;  background: url(images/subnav_bottom.gif) no-repeat left bottom;  margin-bottom: 35px; }

ul.sub-links li h2 { margin-bottom: 0px !important; }

ul.sub-links li h2 a, ul.sub-links li h2 a:visited { display: block;  background: url(images/subnav_top.gif) no-repeat 0px 0px;  height: 32px;  width: 210px;  padding: 18px 30px 0px; font: bold 16px/22px Arial;  text-decoration: none;  color: #09557C; }

ul.sub-links li h2 a:hover, ul.sub-links li.current_page_item h2 a { background-position: 0px -50px;  color: #FFFFFF; }

ul.sub-links li a, ul.sub-links li a:visited { display: block;  padding: 6px 30px 0px;  background: url(images/subnav.gif) no-repeat 0px 0px;  height: 30px; text-decoration: none;  color: #09557C; }

ul.sub-links li a:hover, ul.sub-links li.current_page_item a { background-position: 0px -36px;  color: #FFFFFF; }


/*-- Blue Box*/

#sidebar div.blue-box { width: 270px;  margin-bottom: 30px; }

#sidebar div.blue-box h2 a, #sidebar div.blue-box h2 a:visited { color: #51A201;  text-decoration: none; }

#sidebar div.blue-box div.bb-top { width: 270px;  height: 25px;  background: url(images/sidebar_09557c_top.gif) no-repeat 0px 0px; }

#sidebar div.blue-box div.bb-middle { background: url(images/sidebar_09557c_middle.gif) repeat-y 0px 0px;  padding: 0px 30px; }

#sidebar div.blue-box div.bb-middle h3 { font-size: 14px; }

#sidebar div.blue-box div.bb-bottom { width: 270px;  background: url(images/sidebar_09557c_bottom.gif) no-repeat 0px 0px; }

/*-- Green Box*/

#sidebar div.green-box { width: 270px; }

#sidebar div.green-box div.gb-top { width: 270px;  height: 25px;  background: url(images/sidebar_7eb349_top.gif) no-repeat 0px 0px; }

#sidebar div.green-box div.gb-middle { background: url(images/sidebar_7eb349_middle.gif) repeat-y 0px 0px;  padding: 0px 30px 35px; }

#sidebar div.green-box div.gb-bottom { width: 270px;  background: url(images/sidebar_7eb349_bottom.gif) no-repeat 0px 0px; }

/*-- Quotes*/

#sidebar div.quote { width: 270px;  margin-bottom: 30px; }

#sidebar div.quote div.q-top { height: 25px;  width: 270px;  background: url(images/sidebar_7eb349_top.gif) no-repeat 0px 0px; }

#sidebar div.quote div.q-middle { background: url(images/sidebar_7eb349_middle.gif) repeat-y 0px 0px;  padding: 0px 30px; }

#sidebar div.quote div.q-middle blockquote { margin: 0 !important; }

#sidebar div.quote div.q-middle p { margin: 11px 0px 0px;  line-height: 20px; }

#sidebar div.quote div.q-middle p.quotescollection_nextquote { text-align: right;  display: none; }

#sidebar div.quote div.q-middle cite { font-size: 12px !important;  font-style: normal;  display: block;  text-align: right;  padding-top: 11px; }

#sidebar div.quote div.q-bottom { height: 52px;  width: 270px;  background: url(images/sidebar_testimonial_bottom.gif) no-repeat 0px 0px; }

/*-- Latest News*/

#newsletter_subscription_form { background: #FFFFFF; float: right;  padding: 0 10px;  margin-top: 0px; width: 200px; }

.news-list {}

.news-list li { padding-bottom: 15px; }

.news-list li p { margin: 0; }

.news-list li h4 { text-decoration: none;  color: #232323;  padding-top: 2px;  padding-bottom: 2px;  padding-left: 25px;  background: url(images/icon_newsbubble.gif) no-repeat 0px 4px;  font-size: 12px; }

.news-list li h4 { margin-top: 0px; }

.news-list li small.date { font: 10px/22px Arial, sans-serif;  color: #E14016;  margin-bottom: -5px;  display: block; }

/*-- Glostone Partners*/

#glostone-partners h4 { margin: 0px;  font: bold 16px/22px Arial;  color: #E14016; }

#glostone-partners ul li { text-align: center;  padding-bottom: 15px; }

/*-- Get in Touch*/

.sidebar-map { border: 10px solid #CAD8E1; }

/*FOOTER

---------------------------------------------------------------------*/

#footer .inner { width: 930px;  padding-left: 20px;  padding-right: 10px; }

ul.footer-links { margin-bottom: 20px; }

ul.footer-links li { float: left; }

ul.footer-links li a { color: #09557C; }

ul.footer-links li a:visited { color: #09557C; }

ul.footer-links li a:active, ul.footer-links li a:hover,

ul.footer-links li.current_page_item a { color: #0E2F5D; }

.hash { color: #FFFFFF;  padding: 0px 7px 0px 6px;  font-weight: bold; }

/*PAGE SPECIFIC DESIGN STYLES

--------------------------------------------------------------------*/

div.contact-us-today-button { text-align: center;  margin-top: 30px; }

/*-- HOME*/

#homecontainer { float: right; margin: 0px auto; width: 100%; background: #FFFFFF; }

#homecontent { display: block; margin: 10px 30px; }

div.homecontent { padding: 5px 5px; width: 290px; }

div.banner { float: right; display: block; padding: 0px 0px; width: 600px; }

div.leftcol { float: left; display: inline; }

div.rightcol, div.centercol { float: right; display: inline; }

ul.home { list-style-type: disc; margin-left: 10px; }

h1.compliance-logistics-title { display: block;  width: 255px;  height: 38px;  background: url(images/header_compliance_logistics.gif) no-repeat 0px 0px;  margin-bottom: 14px; }

h1.compliance-solutions-title { display: block;  width: 255px;  height: 38px;  background: url(images/header_compliance_solutions.gif) no-repeat 0px 0px;  margin-bottom: 14px; }

.homepage-hero { float: right;  width: 280px;  margin-left: 20px;  text-align: center; }

ul.action-buttons { margin: 24px 0px 40px; }

ul.action-buttons li { float: left;  margin-right: 20px; }

ul.action-buttons li a.learn-more { display: block;  width: 100px;  height: 46px;  background: url(images/button_learn_more.gif) no-repeat 0px 0px; }

ul.action-buttons li a.contact-us-today { display: block;  width: 100px;  height: 46px;  background: url(images/button_contactus_sm.gif) no-repeat; }

#content h2 { margin-top: 20px; }

h2.compliance-services-title { display: block;  width: 236px;  height: 38px;  background: url(images/header_compliance_services.gif) no-repeat 0px 0px;  margin-bottom: 20px; }

ul.partner-list { padding-bottom: 50px; }

ul.partner-list li { float: left;  margin-right: 60px; }

ul.partner-list li.first { margin-right: 58px; }

ul.partner-list li.last { margin-right: 0px; }

/*-- Services*/

div.services-list { display:inline; width:33%; }
table#services-table { border: 5px solid #CDDCE4;  margin: 1em 0 2em; }

table#services-table td { border: 1px solid #CDDCE4;  padding: 20px;  vertical-align: middle;  text-align: center; }

/*-- Search*/

.search h1.pagetitle { margin-bottom: 20px; }

.search .hentry { border-bottom: 1px dotted #CDDCE4;  padding-bottom: 10px;  margin-bottom: 20px; }

.search .hentry h3 {}

/*-- CONTACT*/

.cform { width: 261px; }

.cform legend { display: none; }

.cform ol li { margin-bottom: 15px; }

.cform ol li label { display: block;  font-weight: bold;  margin-bottom: 2px; }

.cform ol li input, .cform ol li select, .cform ol li textarea { border: 1px solid #CDDCE4; }

.cform ol li .single { width: 200px; }

.cform ol li .cformselect { width: 205px; }

.cform span.reqtxt, .cform span.emailreqtxt { display: none; }

.cform p.cf-sb { text-align: right; }

.cform input.sendbutton { border: none;  background: url(images/button_submit_form.gif) no-repeat 0px 0px;  width: 100px;  height: 46px;  font-size: 1px;  padding-top: 29px;  color: #5BA006;  cursor: hand;  cursor: pointer; }

.failure { color: #990000;  font-weight: bold;  font-size: 16px;  margin: 1em 0;  background: #FDD7D7;  padding: 2px 7px; }

.cform li.cf_li_err input { border: 1px solid #990000; }

.cform li.cf_li_err label { color: #990000; }

.linklove { display: none; }

/*--Testimonial */
#testimonial_form { background: #FFFFFF; float: right;  padding: 0 10px;  margin-top: 0px; width: 200px; }

/*Wordpress specific CSS

-------------------------------------------------------------------*/

.aligncenter, div.aligncenter { display: block;  margin-left: auto;  margin-right: auto; }

.aligncenter img, .aligncenter p.wp-caption-text { display: block;  margin-left: auto;  margin-right: auto;  text-align: center; }

.alignleft { float: left; }

.alignright { float: right; }

img.alignleft { display: inline;  margin: 0 7px 2px 0;  padding: 4px; }

#content img.alignleft { margin-right: 22px;  margin-bottom: 22px; }

img.alignright { display: inline;  margin: 0 0 2px 7px;  padding: 4px; }

#content img.alignright { margin-left: 22px;  margin-bottom: 22px; }

body.home #content img.alignright { margin-top: -5px;  margin-bottom: 10px; }

.emph { font-size: 14px; }

#content div.contact-us-today-button img { border: none; }

.entry div.alignleft { float: left;  margin: 0 8px 7px 0; }

.entry ul, .entry ul li { list-style: disc; }

.entry ul, .entry ol { margin-left: 30px;  margin-bottom: 22px; }

.entry ol, .entry ol li { list-style: decimal; }

.entry ul ul, .entry ul li ul li { list-style: circle; }

.entry ul.previousnext, .entry ul.previousnext li { list-style: none; }

.entry ul.previousnext { margin: 1em 0;  font-style: italic; }

.cform ol, .cform ol li { list-style: none; }

.cform ol { margin: 0; }

.pagination { margin-bottom: 30px; }

.pagination a { border: 5px solid #D6DFE7;  padding: 5px; }

.blog .read-more-link a, .archive .read-more-link a { display: block;  margin-top: -11px;  padding: 2px 7px;  border-bottom: 1px solid #CDDCE4; }

.blog .read-more-link a:hover, .archive .read-more-link a:hover { background: #E4EEF2; }

.blog .post, .archive .post { margin-bottom: 35px; }

.blog h1, .archive h1 { margin-bottom: 15px; }

.blog #content .post h2, .archive #content .post h2 { margin-top: 0px; }

.blog .post small.meta, .archive .post small.meta { color: #E14016;  font-size: 12px;  display: block;  margin-bottom: 0px; }

.blog .post h2 a, .archive .post h2 a { padding-left: 28px;  background: url(images/icon_newsbubble.gif) no-repeat 0px 4px;  text-decoration: none; }

/*Resizes the image to the maximum width of the content area*/

.entry img { max-width: 576px; /*smooth image resizement in IE7+*/

 -ms-interpolation-mode: bicubic; }

.wp-caption { background-color: #F0F0F0;  border: 1px solid #E5E5E5;  overflow: hidden;  padding: 3px; }

.wp-caption img { border: 0 none #000000;  margin: 0;  padding: 0; }

.wp-caption p.wp-caption-text { font-size: 11px;  line-height: 17px;  padding: 0 4px 5px;  margin: 0; }

.more-link { background-color: #F4F8F9;  border-bottom: 1px solid #E6F0F2;  font-size: 11px;  padding: 5px 6px 3px;  text-shadow: 0 1px 0 #fff; }

.more-link:hover { background-color: #E6F0F2;  border-bottom-color: #B3CDD8;  color: #000; }

/*Tables and #wp-calendar*/

table { width: 100%; }

caption { background-color: #E6F0F2;  border-top: 1px solid #E6F0F2;  text-align: center; }

thead { background-color: #F4F8F9;  text-align: center; }

tbody { text-align: left; }

tbody td { padding: 5px 10px;  vertical-align: top; }

tfoot { text-align: left; }

td#next { text-align: right; }

/*GENERIC CLASSES

------------------------------------------------------------------

Beautified ampersands*/

.amp { font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman";  font-style: italic; }

/*Emphasize your name in the About-Box*/

.smaller-caps { font-size: 110%;  font-variant: small-caps; }

.hidden { display: none; }

.hidden { position: absolute;  left: -9999em; }

/*CLEARFIX

------------------------------------------------------------------*/

html .clearfix { display: block; }

* html .clearfix { height: 1%; }

.clearfix:after { content: " ";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0; }

.clearfix { display: inline-block; }

/*TINYMCE EDITOR

------------------------------------------------------------------*/

body#tinyMCE { text-align: left;  font: 12px/22px Arial, sans-serif;  width: 600px;  padding: 20px; }

body#tinyMCE ul { list-style-type: disc;  padding: 0;  margin-left: 20px;  margin-bottom: 22px; }

body#tinyMCE ul li { padding: 0;  line-height: 20px; }

body#tinyMCE ol { list-style-type: decimal;  padding: 0;  margin-left: 26px;  margin-bottom: 22px; }

body#tinyMCE ol li { padding: 0;  line-height: 20px; }

/*CLIENT AREA

-------------------------------------------------------------------------------------*/

a#logout-link { font-size: 14px;  text-decoration: none; }

/*-- login*/

.yiiForm div.simple { clear: both;  margin-bottom: 10px;  margin-top: 10px; }

.yiiForm div.simple input { border: 3px solid #D6DFE7;  font-size: 18px;  padding: 5px;  letter-spacing: 1px;  color: #000; }

.yiiForm label { display: block;  font-weight: bold;  width: 80px;  font-size: 14px; }

.yiiForm input#LoginForm_username { width: 350px; }

.yiiForm input#LoginForm_password { width: 210px; }

.yiiForm div.errorSummary { color: #FF0000;  font-size: 14px; }

.yiiForm div.errorSummary p { margin-bottom: 0px; }

div.action { width: 313px;  margin-top: 20px; }

div.action input { font-size: 16px;  text-transform: uppercase;  cursor: pointer;  cursor: hand;  padding: 5px 0;  width: 226px;  font-weight: bold;  letter-spacing: 4px; }

a#reset_pwd { font-size: 12px;  text-decoration: none;  margin-left: 10px; }

/*-- company info*/

.client-contact-info p { margin-bottom: 0px; }

.client-contact-info p span.label { font-weight: bold;  font-size: 14px;  padding-right: 5px; }

.client-contact-info table th { background: #E3EBEE;  color: #08547B;  font-size: 14px;  text-align: left;  padding: 5px; }

.client-contact-info table td { text-align: left;  padding: 5px;  border-bottom: 2px solid #E3EBEE; }


