/* 
The Barricade Company Style Sheet

Colors
blue: #3085BB;
red: #EC2E3A;

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

/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { text-align: center; background: url(../images/tbc_bg.jpg) 0 0 repeat-x #3085BB;  font-family:"Trebuchet MS", Geneva, sans-serif; font-size: 0.9em; color: #333; }
ul, li { list-style: none; }
h1 {font-size: 200%; font-weight: normal; padding:15px 0 5px 0;  background: inherit; color: #111; }
h2 { font-size: 120%; font-weight: bold; padding:0; background: inherit; color: #0053AA; }
h3 { font-size: 120%; font-weight: bold; padding:15px 0 5px 0; background: inherit; color: #62331c; }
h4 { font-size: 100%; font-weight: bold; padding: 5px 0 0 0; margin-left:1.0em; }
h5 { font-size: 100%; font-weight: bold; padding: 5px 0; background: inherit; color: #F4201F; }

p { margin: 0 0 1em; line-height: 1.3em; }
a { background-color: inherit; color: #3085BB; text-decoration: underline; }
a:hover { background-color: inherit; color: #7F7F7F; text-decoration:none; }


/* Divs
----------------------------------------- */
#wrapper { color: #000; background-color:#fff; margin: 0 auto; width:946px; border-left: 1px solid #EC2E3A; border-right: 1px solid #EC2E3A; }
#header { margin:0 auto; width:914px; }
#navigation { margin:0 auto; padding-top:12px; width:894px; height:50px; }


/* Main Container
----------------------------------------- */
#maincontainer { padding:0 30px; width:930px; }
#maincontainer p { padding-left:2px; }
#maincontainer li { list-style: square; margin-left:18px; font-size:0.95em; }


/* Sub Container
----------------------------------------- */
#subcontainer { margin:10px auto 0; padding:0 0 12px 0; width:930px; background:url(../images/tbc_sub_bg.jpg) 0 0 repeat-x #D9D9D9; color:inherit; }
#subcontainer { font-size:0.9em; }
#subcontainer p { margin:0 1.0em; }

/* nav specifics
----------------------------------------- */
#navigation ul { padding:0; margin:0; list-style:none; }
#navigation li { float:left; margin:0; padding:0; }
#navigation li a { display:block; text-indent:-9999em; height:36px; overflow:hidden; }

/* nav images normal */
#navigation .n-home      a { background: url(../images/tbc_nav_home.jpg); width:94px; }
#navigation .n-about     a { background: url(../images/tbc_nav_about.jpg); width:96px; }
#navigation .n-services  a { background: url(../images/tbc_nav_services.jpg); width:92px; }
#navigation .n-traffic   a { background: url(../images/tbc_nav_traffic.jpg); width:81px; }
#navigation .n-trench    a { background: url(../images/tbc_nav_trench.jpg); width:83px; }
#navigation .n-signs     a { background: url(../images/tbc_nav_signs.jpg); width:69px; }
#navigation .n-events    a { background: url(../images/tbc_nav_events.jpg); width:80px; }
#navigation .n-resources a { background: url(../images/tbc_nav_resources.jpg); width:105px; }
#navigation .n-catalog   a { background: url(../images/tbc_nav_catalog.jpg); width:85px; }
#navigation .n-contact   a { background: url(../images/tbc_nav_contact.jpg); width:106px; }

/* nav hover */
#navigation li a:hover { background-position:0 -45px; }

/* nav on */
.home #navigation .n-home a,
.about #navigation .n-about a ,
.services #navigation .n-services a ,
.traffic #navigation .n-traffic a ,
.trench #navigation .n-trench a ,
.signs #navigation .n-signs a ,
.events #navigation .n-events a ,
.resources #navigation .n-resources a ,
.catalog #navigation .n-catalog a ,
.contact #navigation .n-contact a  { background-position:0 -90px; }


/* maincontainer three up
----------------------------------------- */
.tier1 { float:left; width:312px; padding:0; text-align:left; }
.tier2 { float:left; width:370px; padding:0 25px 0 0; text-align:left; }
.tier3 { float:left; width:160px; padding:25px 0 0 0; text-align:left; }
.tier4 { float:left; width:280px; margin: 5px 0 0 80px; padding:0; text-align:left; clear:both; }
.tier5 { float:left; width:280px; margin-top: 5px; padding:0; text-align:left; }
.tier6 { float:left; width:280px; margin-top: 5px; padding:0; text-align:left; }

.centertitle { margin: 15px auto; text-align: center; clear: both; }

/* maincontainer two up
----------------------------------------- */
.col1 { float:left; width:372px; padding:25px 0 0 0; text-align:left; }
.col2 { float:left; width:470px; padding:0 25px 0 0; text-align:left; }

.col2 h1 { padding-bottom: .5em; }
.col2 li { padding-bottom: .5em; }

.gmap { border: 1px solid #404; }

.partnerbox { height: 86px; margin: 5px 0; padding: 5px; width: 100%; }
.partnerbox p { margin-top: 15px; }
.partnerlogo { float: left; height: 86px; margin: 0 15px 0 0; width: 102px; }

#half_col_1 { float: left; font-size: 0.85em; width: 460px; }
#half_col_1 li { list-style: none; text-align: left; }

#half_col_2 { float: left; font-size: 0.85em; width: 420px; }
#half_col_2 li { list-style: none; text-align: left; }

#full_length { text-align:center; width:900px; }

.signsbox { margin: 20px 0; padding: 10px 0; width: 420px; }
.signsbox h2 { font-size: 1.5em; font-weight: 300; margin-left: 10px; text-align: left; }
.signsbox .signsleft { float: left; width: 145px; }
.signsbox .signsright { float: left; width: 270px; }

.altrows { width: 228px; }
.altrowcap { background: #fff url(../images/altrows_top.gif) 0 0 no-repeat; height: 20px; padding: 0; margin: 0; width: 228px; }
.altrowbot { background: #fff url(../images/altrows_bot.gif) 0 0 no-repeat; height: 20px; padding: 0; margin: 0; width: 228px; }
.altrowbluebot { background: #fff url(../images/altrows_blue_bot.gif) 0 0 no-repeat; height: 20px; padding: 0; margin: 0; width: 228px; }
.altrowcap td { border: none; }
.altrow1 { background-color: #acd5e5; }
.altrow2 { background-color: #fefefe; }
.altrow2 td { border-left: 3px solid #acd5e5; border-right: 3px solid #acd5e5; }

/* store container
----------------------------------------- */
#catalog { padding:0 26px; text-align:left; }

/* address three up
----------------------------------------- */


/* subcontainer four up
----------------------------------------- */
.sub1 { float:left; padding:0 0 10px 0; margin:12px 10px 0 10px; width:216px; height:225px; background:url(../images/tbc_sub2_bg.jpg) 0 0 no-repeat; text-align:left; }
.sub2 { float:left; padding:0 0 10px 0; margin:12px 10px 0 5px; width:216px; height:225px; background:url(../images/tbc_sub1_bg.jpg) 0 0 no-repeat; text-align:left; }
.sub3 { float:left; padding:0 0 10px 0; margin:12px 10px 0 5px; width:216px; height:225px; background:url(../images/tbc_sub3_bg.jpg) 0 0 no-repeat; text-align:left; }
.sub4 { float:left; padding:0 0 10px 0; margin:12px 0 0 5px; width:216px; height:225px; background:url(../images/tbc_sub4_bg.jpg) 0 0 no-repeat; text-align:left; }

/* styles for coming soon page only */
.address1 { float:left; padding:0 0 10px 0; margin:12px 10px 0 50px; width:40%; text-align:left; }
.address2 { float:left; padding:0 0 10px 0; margin:12px 10px 0 5px; width:45%; text-align:left; }


/* positional
----------------------------------------- */
.logo { margin:0; float:left; margin:5px 0 0 9px; }
.bar { margin:0; float:left; margin:5px 0 0 9px;  }
.contactinfo { color: #f00; font-weight: bold; font-size: 1.2em; padding: 5px 13px 0 0; text-align: right; }
.contactinfo img { margin-left: 15px; border: none; }

/* images
----------------------------------------- */
img.shoreman {margin-top:30px; }
img.more {margin:0.8em 0; width:41px; height:5px; border:0; }
img.map { height: 16px; width: 16px; vertical-align: middle; }

/* background image link classes
----------------------------------------- */
a.logolink { display:block; width:357px; height:110px; background:url(../images/tbc_logo.gif) 0 0 no-repeat #fff; color:inherit; text-indent: -9999px; }
a.barlink { display:block; width:529px; height:110px; background:url(../images/tbc_barricades.jpg) 0 0 no-repeat #fff; color:inherit; text-indent: -9999px; }

a.subtraffic { display:block; width:216px; height:30px; background:url(../images/tbc_sub_traffic.jpg) 0 0 no-repeat #D9D9D9; color:inherit; text-indent:-9999px; }
a.subtrench  { display:block; width:216px; height:30px; background:url(../images/tbc_sub_trench.jpg) 0 0 no-repeat #D9D9D9; color:inherit; text-indent:-9999px; }
a.subsign    { display:block; width:216px; height:30px; background:url(../images/tbc_sub_sign.jpg) 0 0 no-repeat #D9D9D9; color:inherit; text-indent:-9999px; }
a.subevents  { display:block; width:216px; height:30px; background:url(../images/tbc_sub_events.jpg) 0 0 no-repeat #D9D9D9; color:inherit; text-indent:-9999px; }

/* Contact Form
----------------------------------------- */
#cform form { margin: 0; padding: 0; }
#cform fieldset { padding: 0 0 10px 10px; margin: 0; border: 1px solid #663C28; }
#cform legend { font-weight: bold; font-size: 1.3em; padding: 0 4px 8px 4px; color: #663C28; background-color: #fff; }
#cform dt { float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
#cform label.last { font-weight: bold; text-align: left; padding-left: 10px; }
#cform input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
#cform input.submit { margin-top: 1em; padding: 3px; color: inherit; background-color: #FDFE9A; }
#cform .errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

/* footer 
----------------------------------------- */
#footer { margin-top: 25px; padding:10px 0; width:910px; color:#7F7F7F; background-color:inherit; text-align:center; font-size:0.9em; }
#footer li { background: url(images/bullet.gif) left center no-repeat; display:inline; padding:0 12px 0 12px; }
#footer li.first { background:none; }
#footer a { background-color:inherit; color:#7F7F7F; }
#footer a:hover { background-color:inherit; color:#3085BB; text-decoration:none; }
#footer p { font-size:0.9em; padding:10px 0 0 0; }

.designer { background-color:inherit; color:#a6a6a6; font-size:0.8em; padding: 5px 0 10px; }
.designer a { background-color:inherit; color:#a6a6a6; text-decoration:none; }
.designer a:hover { background-color:inherit; color:#3085BB; text-decoration:underline; }


/* Self Cleared Float
----------------------------------------- */
#header:after,
#navigation:after,
#maincontainer:after,
#subcontainer:after,
#half_col_1:after,
#half_col_2:after,
.signsbox:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 



/* Litecommerce stuff
----------------------------------------- */
td, th { font-family:"Trebuchet MS", Geneva, sans-serif; font-size: 0.9em; color: #333; }

.padder {
	padding-left: 26px;
}

.sidebar_box th {
	background-color: #ececec;
}
.sidebar_box td, .sidebar_box th, .sidebar_box ul {
	padding: 4px;
	font-size: 12px; /* force absolute */
}
input {
	padding: 1px;
	margin: 3px auto;
}
select {
	margin: 3px auto;
}
.sidebar_box {
	border: 1px solid #ececec;
	margin: 20px 0;
}
hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	width: 100%;
	margin: 1em auto;
}

/* Button behavior
----------------------------------------- */
.button {
  background-color: #1873c6;
  margin: 0;
  border: 1px solid #fff;
  min-width: 75px;
  text-align: center;
  float: left;
  margin: 3px;
  white-space: nowrap;
  font-size: 12px; /* set to absolute size */
}
.button a {
  padding: 5px;
  min-width: 65px;
  float: left;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.button:hover {
  background-color: #1d8be4;
}