/**
 * Defaults and Resets
 */
html {}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 13px; line-height: 20px; color: #383d42; background: #4f565c url(../images/layout/bodybg2.gif); margin: 0; padding: 11px 0 0 0;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}
	
p {margin-top: 0px; margin-bottom: 20px;}

a {color: #ed1c24;}
a:hover {color: #116793;}

h1 {margin: 0px 0px 15px 0px; font-size: 18px; font-weight: normal; color: #1196d7;}
h1 a {color: #1196d7; text-decoration: none;}
h1.tagline {margin: 0px 0px 10px 0px; font-weight: normal; font-size: 16px;}
h2 {margin: 0px 0px 10px 0px; font-size: 16px; font-weight: normal; color: #116793;}
h2.sectionhead {font-size: 14px; font-weight: bold; color: #454a4f;}
h2.sub {font-size: 15px; color: #0486c6; font-weight: bold;}
h3 {margin: 0px 0px 5px 0px; font-size: 14px; font-weight: normal; color: #116793;}
h4 {margin: 0px 0px 10px 0px; padding: 0px 20px 0px 20px; font-size: 14px; color: #fff; line-height: 32px; background: #ed1c24; border-bottom: solid 1px #fff;}
h4.secondary {padding: 0px; font-size: 16px; color: #fff; line-height: 32px; background: #e0ad23; border-bottom: none; text-align: center;}
.small {font-size: 12px; line-height: 18px; }

/**
 * General
 */
/* clear without structural mark-up from PIE website*/
.clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */
/**
 * Lists
 */
ul.inline {margin: 0px; padding: 0px; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0px; padding: 0px; list-style-type: none;}

/**
 * Layout
 */

#master {width: 984px; margin: auto; border: 2px solid #fff; height: 100%; }

#mainbody {width: 984px; background-color: #2b343d; height: 100%; overflow: hidden; position: relative;}

#leftcol, #content{
	padding-bottom: 2010px;  /* X + padding-bottom */
	margin-bottom: -2000px;  /* X */
}

#content {width: 480px; float: left; margin-top: 0px; font-size: 14px; padding-top: 20px; padding-left: 25px; padding-right: 25px; background: #fff; height: 100%;}

#header {height: 118px; position: relative; background: url(../images/layout/headerbg.gif) repeat-x;}
#header img {display: block;}
#header .photo {position: relative; top: 3px; left: 0px; float: left;}
#header .logo {position: relative; top: 15px; left: 20px; float: left;}
#header .tagline {position: relative; top: 41px; left: 80px; float: left; text-align: center;}
#header .primary {font-weight: bold; font-size: 18px; color: #1196d7; padding: 0px; margin: 0 0 6px;}
#header .secondary {font-weight: bold; font-size: 16px; color: #1196d7; padding: 0px; margin: 0px;}
#header .badge {position: relative; top: 0px; right: 12px; float: right;}
#headerRibbon {position: absolute; top: 0px; right: -15px;}

#nav {font-size: 15px; line-height: 30px; background: #dc1d25 url(../images/layout/navbg.gif) repeat-x left bottom;}
#nav ul {margin: 0px; padding: 0px 0px 0px 12px; list-style-type: none; height: 32px; }
#nav ul li {float: left; display: block;}
#nav ul li a {float: left; display: block; height: 32px; color: #fff; text-decoration: none; padding: 0px 17px 0px 17px;}
#nav ul li a:hover {color: #000;}
#nav ul li.hover a {color: #000;}
#nav ul li.selected {background-color: #155f85;}

#breadcrumbs {letter-spacing: .03cm; border-top: solid 5px #155f85; font-size: 10px; background-color: #0485C6; color: #e7e5e5; padding: 5px 0px 5px 28px; text-transform: uppercase; width: 726px;}
#breadcrumbs a {color: #e7e5e5; text-decoration: none;}
#breadcrumbs a:hover {color: #000;}

#leftcol {width: 216px; float: left; background: #fff url(../images/layout/leftbg.gif) repeat-y right; height: 100%;}
#leftcol ul.mainleftnav {margin: 0px; padding: 0px; list-style-type: none;}
#leftcol ul.mainleftnav li {border-bottom: 1px solid #d5d5d5; margin: 0px; padding: 10px 0 10px 18px;}
#leftcol ul.mainleftnav li.selected {width: 206px; margin: 0px; padding: 10px 0 10px 18px; border-bottom: 1px solid #d5d5d5; background: #ecf5fc url(../images/layout/leftbgsel.gif) repeat-y right;}
#leftcol ul.mainleftnav li.selected .leftnavtext { font-weight: bold;}
#leftcol ul.secondaryleftnav {margin: 10px 0 0; padding: 0px; list-style-type: none;}
#leftcol ul.secondaryleftnav li { width: 170px; border: none; margin: 0px; padding: 0 0 6px 10px;}
#leftcol ul.secondaryleftnav ul {margin: 0px; padding: 0px; list-style-type: disc;}
#leftcol ul.secondaryleftnav ul li {width: 165px; margin: 0 0 0 18px; padding: 0px;}
#leftcol ul.secondaryleftnav li.on a {font-weight: bold; color: #333;}
#leftcol li a{ text-decoration: none; color: #333;}
#leftcol li a:hover{ text-decoration: none; color: #ccc;}

#leftcol ul.serviceLocations {margin: 10px 0 0; padding: 0px; list-style-type: none;}
#leftcol ul.serviceLocations li { width: 170px; border: none; margin: 0px; padding: 0px 0px 0px 30px;}


#rightSidebar {float: right; width: 228px; margin: -5px 0 0 0; padding: 12px 5px 0px 5px; text-align: center; background-color: #2b343d; height: 100%;}
#rightSidebar.topalign {margin-top: -35px;}
#rightSidebar p {margin: 0; padding: 0px 0px 5px;}
#rightSidebar .specialpromo {}
#rightSidebar .specialpromo a {text-decoration: none; color: #fff;}
#rightSidebar .specialpromo a:hover {text-decoration: underline; color: #116793;}

#rightSidebar div.photo {width: 215px; padding: 0 0 5px 0; position: relative;}
#rightSidebar div.photo p {margin: 0; padding: 0; text-align: left;}
#rightSidebar div.photo p.quote,
#rightSidebar div.photo p.image {top: 0; left: 0; position: absolute; display: none;}
#rightSidebar div.photo p.image img {display: block;}
#rightSidebar div.photo p.quote {min-height: 211px; width: 211px; padding: 2px; font-size: 14px; line-height: 18px; color: #ecf5fc;}
#rightSidebar div.photo p.quote span.author {display: block; text-align: right;}


#footer {border-top: solid 1px #fff; font-size: 10px; line-height: 27px; color: #e7e5e5; background: #0f6b99 url(../images/layout/footerbg.gif) repeat-x;}
#footer a {color: #e7e5e5; text-decoration: none;}
#footer a:hover {color: #000;}
#footer .address {text-align: center; font-size: 11px;}
#footer .nav {text-align: center; text-transform: uppercase; }
#footer .nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#footer .nav ul li {display: inline; padding: 0px 16px 0px 16px;}
#footer .legal a {color: #010101; text-decoration: none;}

#masterFooter {color: #a0a2a3; font-size: 12px; text-align: center; margin: 0px auto; padding: 0px 0px 10px 0px; width: 984px;}
#masterFooter div {padding: 10px 0px 0px 0px; text-align: center;}
#masterFooter .legal{margin: 10px 0 10px; font-size: 11px;}
#masterFooter a {color: #a0a2a3; text-decoration: none;}
#masterFooter a:hover {color: #000; text-decoration: underline;}

#bblogo {text-align: center; margin: 0 auto; padding: 0; display: block; width: 40%;}
#bblogo .photo {float:left; display: block;position: relative; padding: 0 10px;}
#bblogo .text {float:left; display: block;position: relative;text-align:left; line-height: 16px; margin: 0px; padding: 0; color: #c8c8ca;}

#leftpromo {position: absolute; bottom: 20px; left: 30px;}
#leftpromo p { margin-bottom: 6px;}
#leftpromo a { font-size: 13px;}
.getInfo { margin-top: 100px; text-align: center; }
.getInfo h2 {font-size: 15px; line-height: 18px; color: #40abdf; font-weight: bold;}
#leftpromo .getInfo h2 {color: #008fd4;}

#innerContent {width: 490px; }
.toggle {margin: 15px 25px 20px 25px;}
.brands {text-align: center; letter-spacing: 40px; }
.test {margin-bottom: 0px;}
.testName {text-align: right; margin-top: 0xp; margin-bottom: 30px;}

.innerContentItem {width: 340px; float: left;}
.innerContentItem ul {margin: 0px; padding: 0px; list-style-type: none;}
.innerContentItem li {margin: 0px; padding: 0px 0 4px 11px;}
.innerContentItem li a {color: #ed1c24;}
.innerContentItem li a:hover {color: #116793;}

#subnav {width: 472px; margin-left: 9px; font-size: 15px; line-height: 30px; background-color: #dc1d25; border-top: 1px solid #ddd;}
#subnav ul {margin: 0px; padding: 0px; list-style-type: none; height: 32px; border-bottom: solid 5px #155f85; }
#subnav ul li {float: left; display: block;}
#subnav ul li a {float: left; display: block; height: 32px; color: #fff; text-decoration: none; padding: 0px 17px 0px 17px;}
#subnav ul li a:hover {color: #000;}
#subnav ul li.hover a {color: #000;}
#subnav ul li.selected {background-color: #155f85;}
.selectedNav {font-weight: bold;}
/**
 * Home Page
 */
#contenthome {border-top: solid 5px #155f85; width: 746px; float: left; margin-top: 0px; font-size: 14px; padding: 20px 0px 30px 0px; background: #fff;}
#contenthome h1 {padding-left: 15px;} 
#contenthome h2 {margin-bottom: 10px; font-size: 16px;}
#contenthome h3 {color: #000; font-weight: bold;}
#contenthome p {margin-bottom: 10px;}

#homeServices p {margin: 0px; padding: 0px;}
#homeServices h1 {margin: 0px; padding: 0px; font-size: 15px; color: #1196d7;}

#homeServices  .item {float: left; width: 364px;}
#homeServices  .photo {float: left; padding: 0px 15px 0px 10px;}
#homeServices  .itemcontent {float: left; width: 227px; font-size: 12px; line-height: 18px;}
#homeServices  .split {float: left; height: 20px; display: block; width: 728px;}

#homeSlideshow {background: url(../images/layout/shadow_top.gif) repeat-x left top; margin: 10px 0px 20px; padding: 25px 10px 0 10px;}
#homeSlideshow {}
#slideImages {margin: 0px; padding: 0px; list-style-type: none; width: 600px; height: 50px;}
#slideImages img {display: inline; margin-right: 10px;}
.logoholder {width: 170px; float: left; text-align: center;}

.logo {padding: 14px 14px 14px 14px; border: 0;}

#homeFeature {margin-bottom: 10px; padding: 0 15px 20px 15px; font-size: 14px; background: url(../images/layout/shadow_bot.gif) repeat-x left bottom;}
#homeFeature a {}

#rightSidebar .truck { position:relative; left: -157px; margin-top: 134px;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 90px;}
form.form .field {float: left; width: 190px;}

/**
 *shading
 */
#shborder {width: 1002px; padding: 4px 0 11px 0; background: url(../images/layout/page-bg-bottom.gif) no-repeat left bottom;}
#shborder-wrapper {width: 1002px; margin: auto; background: url(../images/layout/page-bg.gif) repeat-y;}
#shborder-wrapper2 { background: url(../images/layout/page-bg-top.gif) no-repeat;}
#shborder-inner { padding: 14px; }

#shborder-header { height: 14px; background: url(../images/layout/shborder-top.gif) repeat-x top; }
#shborder-header div, #shborder-footer div { width: 14px; height: 14px; }
#shborder-footer { height: 14px; }

#shborder-tlc { float: left; background: url(../images/layout/tlc.gif) no-repeat; }
#shborder-trc { float: right; background: url(../images/layout/trc.gif) no-repeat; }
#shborder-blc { float: left; display:inline; background: url(../images/layout/blc.gif) no-repeat; }
#shborder-brc { float: right; background: url(../images/layout/brc.gif) no-repeat; }


#innerContent { background: url(../images/layout/innersh-bot.gif) repeat-x bottom; }
#innerContent-wrapper {margin: 0 0 0 -10px; background: url(../images/layout/innersh-lb.gif) repeat-y left; }            
#innerContent-wrapper2 { background: url(../images/layout/innersh-rb.gif) repeat-y right; }                        
#innerContent-inner { padding: 10px; }

#innerContent-header { height: 10px; background: url(../images/layout/white.gif) repeat-x top; }            
#innerContent-header div, #innerContent-footer div { width: 10px; height: 10px; }
#innerContent-footer { height: 10px; }

#innerContent-tlc { float: left; background: url(../images/layout/white.gif) no-repeat; }            
#innerContent-trc { float: right; background: url(../images/layout/white.gif) no-repeat; }
#innerContent-blc { float: left; background: url(../images/layout/innersh-blc.gif) no-repeat; }                        
#innerContent-brc { float: right; background: url(../images/layout/innersh-brc.gif) no-repeat; }

/**
 * Single Sidebar Page Layout
 */
.singleSidebarLayout #mainbody {background: #fff url(../images/layout/leftbg.gif) repeat-y 181px 0;}
.singleSidebarLayout #breadcrumbs {width: 956px;}
.singleSidebarLayout #content {width: 718px;}
.singleSidebarLayout #rightSidebar {display: none;}